<template>
    <div class="page_root" data-page-name="转移量管理" data-page-identification="f_2hwzokkefq">
        <a-spin :spinning="pageLoading.loading" :tip="pageLoading.tip">
            <!-- begin vid_v4212jnmkb 删除 -->
            <a-modal
                class="vid_v4212jnmkb"
                v-model:visible="vid_v4212jnmkb_props.visible"
                :centered="true"
                :title="'删除'"
                :maskClosable="false"
                :width="320"
                @cancel="handle_vid_v4212jnmkb_cancel"
                @ok="handle_vid_v4212jnmkb_ok"
            >
                <!-- begin vid_a06qhbtlve 简单文本_4c5y2c38ul -->
                <span class="vid_a06qhbtlve"> 是否删除此内容？ </span>
                <!-- end vid_a06qhbtlve 简单文本_4c5y2c38ul -->
            </a-modal>
            <!-- end vid_v4212jnmkb 删除 -->
            <!-- begin vid_x6qegj51ub 删除跟踪对话框_09f9fikz1t -->
            <a-modal
                class="vid_x6qegj51ub"
                v-model:visible="vid_x6qegj51ub_props.visible"
                :centered="true"
                :title="'删除'"
                :maskClosable="false"
                :width="320"
                @cancel="handle_vid_x6qegj51ub_cancel"
                @ok="handle_vid_x6qegj51ub_ok"
            >
                <!-- begin vid_c5mgtx09lx 简单文本_xgilcmh4vr -->
                <span class="vid_c5mgtx09lx"> 是否删除此内容？ </span>
                <!-- end vid_c5mgtx09lx 简单文本_xgilcmh4vr -->
            </a-modal>
            <!-- end vid_x6qegj51ub 删除跟踪对话框_09f9fikz1t -->
            <!-- begin vid_8wfsrcwzd3 修改失败 -->
            <!-- end vid_8wfsrcwzd3 修改失败 -->
            <!-- begin vid_vbetpq8kpy 修改成功 -->
            <!-- end vid_vbetpq8kpy 修改成功 -->
            <!-- begin vid_kwredh5kzd 全局提示_sl3in9ftbm -->
            <!-- end vid_kwredh5kzd 全局提示_sl3in9ftbm -->
            <!-- begin vid_bhzwvzhxou 创建失败 -->
            <!-- end vid_bhzwvzhxou 创建失败 -->
            <!-- begin vid_7byk5tru5q 创建成功 -->
            <!-- end vid_7byk5tru5q 创建成功 -->
            <!-- begin vid_dpushdwkdv 删除成功 -->
            <!-- end vid_dpushdwkdv 删除成功 -->
            <!-- begin vid_5imosqnff9 删除失败 -->
            <!-- end vid_5imosqnff9 删除失败 -->
            <!-- begin vid_gezdo1s6lf 导入成功 -->
            <!-- end vid_gezdo1s6lf 导入成功 -->
            <!-- begin vid_mnwpzppxzr 导入失败 -->
            <!-- end vid_mnwpzppxzr 导入失败 -->
            <!-- begin vid_e1r0zaz209 导出成功 -->
            <!-- end vid_e1r0zaz209 导出成功 -->
            <!-- begin vid_2s2w79ylo8 导出失败 -->
            <!-- end vid_2s2w79ylo8 导出失败 -->
            <!-- begin vid_ilobqz78wl 跟踪记录 -->
            <a-modal
                class="vid_ilobqz78wl"
                v-model:visible="vid_ilobqz78wl_props.visible"
                :footer="null"
                :title="'跟踪记录'"
                :width="1100"
                :maskClosable="false"
                :centered="true"
            >
                <!-- begin vid_4qrrbph7k9 布局容器_lghso8q7d8 -->
                <a-row class="vid_4qrrbph7k9" :slots="'12:12'">
                    <a-col :span="12">
                        <!-- begin vid_eaan4mtp9k 跟踪记录列表信息 -->
                        <span class="vid_eaan4mtp9k"> 跟踪记录列表信息 </span>
                        <!-- end vid_eaan4mtp9k 跟踪记录列表信息 -->
                    </a-col>
                    <a-col :span="12">
                        <!-- begin vid_x5kfj6l1tc 容器_as5j5ez4ev -->
                        <al-box class="vid_x5kfj6l1tc">
                            <!-- begin vid_27gett65hj 创建 -->
                            <a-button class="vid_27gett65hj" @click="handle_vid_27gett65hj_click">
                                <template #icon><plus-outlined /></template>

                                创建
                            </a-button>
                            <!-- end vid_27gett65hj 创建 -->
                        </al-box>
                        <!-- end vid_x5kfj6l1tc 容器_as5j5ez4ev -->
                    </a-col>
                </a-row>
                <!-- end vid_4qrrbph7k9 布局容器_lghso8q7d8 -->
                <!-- begin vid_zykdtp1eva 表格_yxfk04pyhw -->
                <!-- 表格_yxfk04pyhw -->
                <a-table
                    class="vid_zykdtp1eva"
                    :bordered="true"
                    :totalNumber="vid_zykdtp1eva_props.totalNumber"
                    :sorter="vid_zykdtp1eva_props.sorter"
                    :editRowSaveLoading="vid_zykdtp1eva_props.editRowSaveLoading"
                    :currentRow="vid_zykdtp1eva_props.currentRow"
                    :selectedRowList="vid_zykdtp1eva_props.selectedRowList"
                    :data-source="vid_zykdtp1eva_options()"
                    @change="handle_vid_zykdtp1eva_change"
                    :columns="vid_zykdtp1eva_columns"
                    :pagination="vid_zykdtp1eva_pagination"
                    row-key="id"
                    @resizeColumn="(w, col) => handleResizeColumn(w, col, 'vid_zykdtp1eva')"
                    :scroll="{ x: 'max-content', scrollToFirstRowOnChange: true }"
                    :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-striped-even' : 'table-striped-odd')"
                >
                    <template #headerCell="{ title, column }">
                        <span :style="textTruncate(column.width)">
                            {{ title }}
                            <template v-if="column.headerComment">
                                <img
                                    v-if="
                                        column.headerCommentConfig.iconType === 'CUSTOM' ||
                                        (column.headerCommentConfig.icon &&
                                            column.headerCommentConfig.icon.indexOf('base64') !== -1)
                                    "
                                    :src="column.headerCommentConfig.icon"
                                    style="width: 14px"
                                    alt="icon"
                                    :title="column.headerCommentConfig.comment"
                                />
                                <component
                                    v-else
                                    :is="column.headerCommentConfig.icon"
                                    :title="column.headerCommentConfig.comment"
                                />
                            </template>
                        </span>
                    </template>
                    <template #bodyCell="{ text, column, record, index }">
                        <!-- 操作列 -->
                        <div v-if="column.dataIndex === 'vid_zykdtp1eva_operation'" class="operation-cell">
                            <!-- 默认分组 -->
                            <span>
                                <a-button type="link" @click="handle_vid_zykdtp1eva_clickBtn_4pca4wd4bq(record)"
                                    >编辑</a-button
                                >
                                <a-button type="link" @click="handle_vid_zykdtp1eva_clickBtn_e1gb2tv9hm(record)"
                                    >删除</a-button
                                >
                            </span>
                        </div>

                        <!-- 序号列 -->
                        <template v-if="column && column.dataIndex === 'vid_zykdtp1eva_serialNumber'">
                            {{ index + 1 }}
                        </template>
                        <!-- {"type":"value","dataType":"STRING","link":"","value":"跟踪日期"} 列内容 -->
                        <template v-if="column.dataIndex === 'startDate' && !column.customRender">
                            <text-table-cell
                                :rowData="record"
                                :conditionValueMap="vid_zykdtp1eva_props.boundaryValueMap"
                                :dataSource="vid_zykdtp1eva_props.contentDataSource[column.dataIndex]"
                                :columnsConfig="column"
                                :value="text"
                            />
                        </template>
                        <!-- {"type":"value","dataType":"STRING","link":"","value":"id"} 列内容 -->
                        <template v-if="column.dataIndex === 'id' && !column.customRender">
                            <text-table-cell
                                :rowData="record"
                                :conditionValueMap="vid_zykdtp1eva_props.boundaryValueMap"
                                :dataSource="vid_zykdtp1eva_props.contentDataSource[column.dataIndex]"
                                :columnsConfig="column"
                                :value="text"
                            />
                        </template>
                        <!-- {"type":"value","dataType":"STRING","link":"","value":"未转移分类"} 列内容 -->
                        <template v-if="column.dataIndex === 'unTransferType' && !column.customRender">
                            <text-table-cell
                                :rowData="record"
                                :conditionValueMap="vid_zykdtp1eva_props.boundaryValueMap"
                                :dataSource="vid_zykdtp1eva_props.contentDataSource[column.dataIndex]"
                                :columnsConfig="column"
                                :value="text"
                            />
                        </template>
                        <!-- {"type":"value","dataType":"STRING","link":"","value":"未转移具体原因"} 列内容 -->
                        <template v-if="column.dataIndex === 'unTransferReason' && !column.customRender">
                            <text-table-cell
                                :rowData="record"
                                :conditionValueMap="vid_zykdtp1eva_props.boundaryValueMap"
                                :dataSource="vid_zykdtp1eva_props.contentDataSource[column.dataIndex]"
                                :columnsConfig="column"
                                :value="text"
                            />
                        </template>
                        <!-- {"type":"value","dataType":"STRING","link":"","value":"创建人"} 列内容 -->
                        <template v-if="column.dataIndex === 'createdByName' && !column.customRender">
                            <text-table-cell
                                :rowData="record"
                                :conditionValueMap="vid_zykdtp1eva_props.boundaryValueMap"
                                :dataSource="vid_zykdtp1eva_props.contentDataSource[column.dataIndex]"
                                :columnsConfig="column"
                                :value="text"
                            />
                        </template>
                        <!-- {"type":"value","dataType":"STRING","link":"","value":"创建日期"} 列内容 -->
                        <template v-if="column.dataIndex === 'createdDate' && !column.customRender">
                            <text-table-cell
                                :rowData="record"
                                :conditionValueMap="vid_zykdtp1eva_props.boundaryValueMap"
                                :dataSource="vid_zykdtp1eva_props.contentDataSource[column.dataIndex]"
                                :columnsConfig="column"
                                :value="text"
                            />
                        </template>
                        <!-- {"type":"value","dataType":"STRING","link":"","value":"formulaTrackTransferId"} 列内容 -->
                        <template v-if="column.dataIndex === 'formulaTrackTransferId' && !column.customRender">
                            <text-table-cell
                                :rowData="record"
                                :conditionValueMap="vid_zykdtp1eva_props.boundaryValueMap"
                                :dataSource="vid_zykdtp1eva_props.contentDataSource[column.dataIndex]"
                                :columnsConfig="column"
                                :value="text"
                            />
                        </template>
                    </template>
                </a-table>
                <!-- end vid_zykdtp1eva 表格_yxfk04pyhw -->
            </a-modal>
            <!-- end vid_ilobqz78wl 跟踪记录 -->
            <!-- begin vid_fentex9qnx 创建 -->
            <a-modal
                class="vid_fentex9qnx"
                v-model:visible="vid_fentex9qnx_props.visible"
                :centered="true"
                :title="'创建'"
                :maskClosable="false"
                :width="800"
                @cancel="handle_vid_fentex9qnx_cancel"
                @ok="handle_vid_fentex9qnx_ok"
            >
                <!-- begin vid_8nsbjihdrv 表单容器_473ym1hn5g -->
                <a-form
                    ref="vid_8nsbjihdrv_ref"
                    class="vid_8nsbjihdrv"
                    :model="r_1hm8370hye"
                    :formModel="vid_8nsbjihdrv_props.formModel"
                >
                    <!-- begin vid_ndf4rcvail 布局容器_ene7pzcc93 -->
                    <a-row class="vid_ndf4rcvail" :slots="'12:12'">
                        <a-col :span="12">
                            <!-- begin vid_zyle5rbu9y 表单项容器_02ex25u6gf -->
                            <a-form-item
                                name="x_3h0yqqi7kq"
                                :rules="r_1hm8370hye_rules[`x_3h0yqqi7kq`]"
                                class="vid_zyle5rbu9y"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_4pr8sphg96 下拉框_wki9uhoidl -->
                                <a-select
                                    class="vid_4pr8sphg96"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="r_1hm8370hye.x_3h0yqqi7kq"
                                    :dropdownMatchSelectWidth="true"
                                    :showSearch="true"
                                    :filterOption="
                                        (input, option) => {
                                            return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                        }
                                    "
                                    :showArrow="true"
                                    :placeholder="'请选择营销中心'"
                                    :selected="vid_4pr8sphg96_props.selected"
                                    :searchValue="vid_4pr8sphg96_props.searchValue"
                                    :options="vid_4pr8sphg96_options()"
                                    @change="handle_vid_4pr8sphg96_change"
                                    @search="handle_vid_4pr8sphg96_search"
                                >
                                </a-select>
                                <!-- end vid_4pr8sphg96 下拉框_wki9uhoidl -->
                                <template #label>
                                    <!-- begin vid_63kbk6bcgk 营销中心 -->
                                    <span class="vid_63kbk6bcgk"> 营销中心 </span>
                                    <!-- end vid_63kbk6bcgk 营销中心 -->
                                </template>
                            </a-form-item>
                            <!-- end vid_zyle5rbu9y 表单项容器_02ex25u6gf -->
                        </a-col>
                        <a-col :span="12">
                            <!-- begin vid_dinjcswg57 表单项容器_d4rkuiygl3 -->
                            <a-form-item
                                name="n_q0fustbrjt"
                                :rules="r_1hm8370hye_rules[`n_q0fustbrjt`]"
                                class="vid_dinjcswg57"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_m3ygxklcl4 下拉框_pca4ogxne5 -->
                                <a-select
                                    class="vid_m3ygxklcl4"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="r_1hm8370hye.n_q0fustbrjt"
                                    :dropdownMatchSelectWidth="true"
                                    :showSearch="true"
                                    :filterOption="
                                        (input, option) => {
                                            return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                        }
                                    "
                                    :showArrow="true"
                                    :placeholder="'请选择部门'"
                                    :selected="vid_m3ygxklcl4_props.selected"
                                    :searchValue="vid_m3ygxklcl4_props.searchValue"
                                    :options="vid_m3ygxklcl4_options()"
                                    @change="handle_vid_m3ygxklcl4_change"
                                    @search="handle_vid_m3ygxklcl4_search"
                                >
                                </a-select>
                                <!-- end vid_m3ygxklcl4 下拉框_pca4ogxne5 -->
                                <template #label>
                                    <!-- begin vid_o4ys269vk6 部门 -->
                                    <span class="vid_o4ys269vk6"> 部门 </span>
                                    <!-- end vid_o4ys269vk6 部门 -->
                                </template>
                            </a-form-item>
                            <!-- end vid_dinjcswg57 表单项容器_d4rkuiygl3 -->
                        </a-col>
                    </a-row>
                    <!-- end vid_ndf4rcvail 布局容器_ene7pzcc93 -->
                    <!-- begin vid_e17adxnekg 布局容器_caw6ecj0hz -->
                    <a-row class="vid_e17adxnekg" :slots="'12:12'">
                        <a-col :span="12">
                            <!-- begin vid_m4uqntxa3i 表单项容器_1ydqr1y7xy -->
                            <a-form-item
                                name="c_z5b8wam698"
                                :rules="r_1hm8370hye_rules[`c_z5b8wam698`]"
                                class="vid_m4uqntxa3i"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_ccqx90x1lj 下拉框_yvhx236dyi -->
                                <a-select
                                    class="vid_ccqx90x1lj"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="r_1hm8370hye.c_z5b8wam698"
                                    :dropdownMatchSelectWidth="true"
                                    :showSearch="true"
                                    :filterOption="
                                        (input, option) => {
                                            return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                        }
                                    "
                                    :showArrow="true"
                                    :placeholder="'请选择业务员'"
                                    :selected="vid_ccqx90x1lj_props.selected"
                                    :searchValue="vid_ccqx90x1lj_props.searchValue"
                                    :options="vid_ccqx90x1lj_options()"
                                    @change="handle_vid_ccqx90x1lj_change"
                                    @search="handle_vid_ccqx90x1lj_search"
                                >
                                </a-select>
                                <!-- end vid_ccqx90x1lj 下拉框_yvhx236dyi -->
                                <template #label>
                                    <!-- begin vid_1ucodxy0rk 业务员 -->
                                    <span class="vid_1ucodxy0rk"> 业务员 </span>
                                    <!-- end vid_1ucodxy0rk 业务员 -->
                                </template>
                            </a-form-item>
                            <!-- end vid_m4uqntxa3i 表单项容器_1ydqr1y7xy -->
                        </a-col>
                        <a-col :span="12">
                            <!-- begin vid_7t20jmuisy 表单项容器_qn5hfw9yug -->
                            <a-form-item
                                name="t_okqt6bub2n"
                                :rules="r_1hm8370hye_rules[`t_okqt6bub2n`]"
                                class="vid_7t20jmuisy"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_vjc80gdtld 下拉框_f0ksdu0wm9 -->
                                <a-select
                                    class="vid_vjc80gdtld"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="r_1hm8370hye.t_okqt6bub2n"
                                    :dropdownMatchSelectWidth="true"
                                    :showSearch="true"
                                    :filterOption="
                                        (input, option) => {
                                            return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                        }
                                    "
                                    :showArrow="true"
                                    :placeholder="'请选择区域流向'"
                                    :selected="vid_vjc80gdtld_props.selected"
                                    :searchValue="vid_vjc80gdtld_props.searchValue"
                                    :options="vid_vjc80gdtld_options()"
                                    @change="handle_vid_vjc80gdtld_change"
                                    @search="handle_vid_vjc80gdtld_search"
                                >
                                </a-select>
                                <!-- end vid_vjc80gdtld 下拉框_f0ksdu0wm9 -->
                                <template #label>
                                    <!-- begin vid_ogr49re9gu 区域流向 -->
                                    <span class="vid_ogr49re9gu"> 区域流向 </span>
                                    <!-- end vid_ogr49re9gu 区域流向 -->
                                </template>
                            </a-form-item>
                            <!-- end vid_7t20jmuisy 表单项容器_qn5hfw9yug -->
                        </a-col>
                    </a-row>
                    <!-- end vid_e17adxnekg 布局容器_caw6ecj0hz -->
                    <!-- begin vid_zhkw8l0wh2 布局容器_49uvnoyn0l -->
                    <a-row class="vid_zhkw8l0wh2" :slots="'12:12'">
                        <a-col :span="12">
                            <!-- begin vid_6i887j144r 表单项容器_6cxq944w3t -->
                            <a-form-item
                                name="s_o7i501qelz"
                                :rules="r_1hm8370hye_rules[`s_o7i501qelz`]"
                                class="vid_6i887j144r"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_0q41l1fcuo 下拉框_hljaszeynt -->
                                <a-select
                                    class="vid_0q41l1fcuo"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="r_1hm8370hye.s_o7i501qelz"
                                    :dropdownMatchSelectWidth="true"
                                    :showSearch="true"
                                    :filterOption="
                                        (input, option) => {
                                            return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                        }
                                    "
                                    :showArrow="true"
                                    :placeholder="'请选择原发货企业'"
                                    :selected="vid_0q41l1fcuo_props.selected"
                                    :searchValue="vid_0q41l1fcuo_props.searchValue"
                                    :options="vid_0q41l1fcuo_options()"
                                    @change="handle_vid_0q41l1fcuo_change"
                                    @search="handle_vid_0q41l1fcuo_search"
                                >
                                </a-select>
                                <!-- end vid_0q41l1fcuo 下拉框_hljaszeynt -->
                                <template #label>
                                    <!-- begin vid_23xx3t7651 原发货企业 -->
                                    <span class="vid_23xx3t7651"> 原发货企业 </span>
                                    <!-- end vid_23xx3t7651 原发货企业 -->
                                </template>
                            </a-form-item>
                            <!-- end vid_6i887j144r 表单项容器_6cxq944w3t -->
                        </a-col>
                        <a-col :span="12">
                            <!-- begin vid_nn0l3kw12w 表单项容器_0rrrsfpham -->
                            <a-form-item
                                name="j_kkn9c2skk4"
                                :rules="r_1hm8370hye_rules[`j_kkn9c2skk4`]"
                                class="vid_nn0l3kw12w"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_vwn4r2mpng 下拉框_vmvi375k4t -->
                                <a-select
                                    class="vid_vwn4r2mpng"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="r_1hm8370hye.j_kkn9c2skk4"
                                    :dropdownMatchSelectWidth="true"
                                    :showSearch="true"
                                    :filterOption="
                                        (input, option) => {
                                            return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                        }
                                    "
                                    :showArrow="true"
                                    :placeholder="'请选择调整后发货企业'"
                                    :selected="vid_vwn4r2mpng_props.selected"
                                    :searchValue="vid_vwn4r2mpng_props.searchValue"
                                    :options="vid_vwn4r2mpng_options()"
                                    @change="handle_vid_vwn4r2mpng_change"
                                    @search="handle_vid_vwn4r2mpng_search"
                                >
                                </a-select>
                                <!-- end vid_vwn4r2mpng 下拉框_vmvi375k4t -->
                                <template #label>
                                    <!-- begin vid_e6llaijj64 调整后发货企业 -->
                                    <span class="vid_e6llaijj64"> 调整后发货企业 </span>
                                    <!-- end vid_e6llaijj64 调整后发货企业 -->
                                </template>
                            </a-form-item>
                            <!-- end vid_nn0l3kw12w 表单项容器_0rrrsfpham -->
                        </a-col>
                    </a-row>
                    <!-- end vid_zhkw8l0wh2 布局容器_49uvnoyn0l -->
                    <!-- begin vid_yy7ua0sjv7 布局容器_hcbkd4fqec -->
                    <a-row class="vid_yy7ua0sjv7" :slots="'12:12'">
                        <a-col :span="12">
                            <!-- begin vid_uapeyzka7m 表单项容器_p58w7afr4p -->
                            <a-form-item
                                name="q_nkurcp0qeu"
                                :rules="r_1hm8370hye_rules[`q_nkurcp0qeu`]"
                                class="vid_uapeyzka7m"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_6khgr533fo 下拉框_m9doih8g0u -->
                                <a-select
                                    class="vid_6khgr533fo"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="r_1hm8370hye.q_nkurcp0qeu"
                                    :dropdownMatchSelectWidth="true"
                                    :showSearch="true"
                                    :filterOption="
                                        (input, option) => {
                                            return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                        }
                                    "
                                    :showArrow="true"
                                    :placeholder="'请选择客商名称'"
                                    :selected="vid_6khgr533fo_props.selected"
                                    :searchValue="vid_6khgr533fo_props.searchValue"
                                    :options="vid_6khgr533fo_options()"
                                    @change="handle_vid_6khgr533fo_change"
                                    @search="handle_vid_6khgr533fo_search"
                                >
                                </a-select>
                                <!-- end vid_6khgr533fo 下拉框_m9doih8g0u -->
                                <template #label>
                                    <!-- begin vid_jnhueybh5k 客商名称 -->
                                    <span class="vid_jnhueybh5k"> 客商名称 </span>
                                    <!-- end vid_jnhueybh5k 客商名称 -->
                                </template>
                            </a-form-item>
                            <!-- end vid_uapeyzka7m 表单项容器_p58w7afr4p -->
                        </a-col>
                        <a-col :span="12">
                            <!-- begin vid_s81c3l9v5s 表单项容器_mih8gm6na8 -->
                            <a-form-item
                                name="r_oo4ymohw8g"
                                :rules="r_1hm8370hye_rules[`r_oo4ymohw8g`]"
                                class="vid_s81c3l9v5s"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_vnxqpgfpy7 数字输入框_mb -->
                                <a-input-number
                                    class="vid_vnxqpgfpy7"
                                    v-model:value="r_1hm8370hye.r_oo4ymohw8g"
                                    :placeholder="'请输入转移量目标'"
                                    :min="0"
                                >
                                </a-input-number>
                                <!-- end vid_vnxqpgfpy7 数字输入框_mb -->
                                <template #label>
                                    <!-- begin vid_ctv2h9l3ve 转移量目标 -->
                                    <span class="vid_ctv2h9l3ve"> 转移量目标 </span>
                                    <!-- end vid_ctv2h9l3ve 转移量目标 -->
                                </template>
                            </a-form-item>
                            <!-- end vid_s81c3l9v5s 表单项容器_mih8gm6na8 -->
                        </a-col>
                    </a-row>
                    <!-- end vid_yy7ua0sjv7 布局容器_hcbkd4fqec -->
                    <!-- begin vid_t6blcq3x0e 布局容器_r0zeknciey -->
                    <a-row class="vid_t6blcq3x0e" :slots="'12:12'">
                        <a-col :span="12">
                            <!-- begin vid_w1ugk52kjl 表单项容器_c0aztsxz0n -->
                            <a-form-item
                                name="l_6ro0sbfxsa"
                                :rules="r_1hm8370hye_rules[`l_6ro0sbfxsa`]"
                                class="vid_w1ugk52kjl"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_xtftqtwig3 下拉框_6obv91q1r1 -->
                                <a-select
                                    class="vid_xtftqtwig3"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="r_1hm8370hye.l_6ro0sbfxsa"
                                    :filterOption="false"
                                    :showArrow="true"
                                    :placeholder="'请选择包装形式'"
                                    :selected="vid_xtftqtwig3_props.selected"
                                    :searchValue="vid_xtftqtwig3_props.searchValue"
                                    :options="vid_xtftqtwig3_options()"
                                    @change="handle_vid_xtftqtwig3_change"
                                    @search="handle_vid_xtftqtwig3_search"
                                >
                                </a-select>
                                <!-- end vid_xtftqtwig3 下拉框_6obv91q1r1 -->
                                <template #label>
                                    <!-- begin vid_ymz1sf5ny5 包装形式 -->
                                    <span class="vid_ymz1sf5ny5"> 包装形式 </span>
                                    <!-- end vid_ymz1sf5ny5 包装形式 -->
                                </template>
                            </a-form-item>
                            <!-- end vid_w1ugk52kjl 表单项容器_c0aztsxz0n -->
                        </a-col>
                        <a-col :span="12">
                            <!-- begin vid_rebicvul8d 表单项容器_8isqmnw2do -->
                            <a-form-item
                                name="u_wefzv31oan"
                                :rules="r_1hm8370hye_rules[`u_wefzv31oan`]"
                                class="vid_rebicvul8d"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_8awdjuqo08 下拉框_2qrpytck05 -->
                                <a-select
                                    class="vid_8awdjuqo08"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="r_1hm8370hye.u_wefzv31oan"
                                    :showSearch="true"
                                    :filterOption="
                                        (input, option) => {
                                            return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                        }
                                    "
                                    :showArrow="true"
                                    :placeholder="'请选择运输方式'"
                                    :selected="vid_8awdjuqo08_props.selected"
                                    :searchValue="vid_8awdjuqo08_props.searchValue"
                                    :options="vid_8awdjuqo08_options()"
                                    @change="handle_vid_8awdjuqo08_change"
                                    @search="handle_vid_8awdjuqo08_search"
                                >
                                </a-select>
                                <!-- end vid_8awdjuqo08 下拉框_2qrpytck05 -->
                                <template #label>
                                    <!-- begin vid_4pe9i0pafi 运输方式 -->
                                    <span class="vid_4pe9i0pafi"> 运输方式 </span>
                                    <!-- end vid_4pe9i0pafi 运输方式 -->
                                </template>
                            </a-form-item>
                            <!-- end vid_rebicvul8d 表单项容器_8isqmnw2do -->
                        </a-col>
                    </a-row>
                    <!-- end vid_t6blcq3x0e 布局容器_r0zeknciey -->
                    <!-- begin vid_71bwgnxksc 表单项容器_5eiys18nzu -->
                    <a-form-item
                        name="p_xxbg9igq47"
                        :rules="r_1hm8370hye_rules[`p_xxbg9igq47`]"
                        class="vid_71bwgnxksc"
                        :label-col="{ span: 4 }"
                        :wrapper-col="{ span: 20 }"
                    >
                        <!-- begin vid_03mzbgo85b 文本域_rf2g5cp40v -->
                        <a-textarea class="vid_03mzbgo85b" v-model:value="r_1hm8370hye.p_xxbg9igq47"> </a-textarea>
                        <!-- end vid_03mzbgo85b 文本域_rf2g5cp40v -->
                        <template #label>
                            <!-- begin vid_8nqw85cx0v 备注 -->
                            <span class="vid_8nqw85cx0v"> 备注 </span>
                            <!-- end vid_8nqw85cx0v 备注 -->
                        </template>
                    </a-form-item>
                    <!-- end vid_71bwgnxksc 表单项容器_5eiys18nzu -->
                </a-form>
                <!-- end vid_8nsbjihdrv 表单容器_473ym1hn5g -->
            </a-modal>
            <!-- end vid_fentex9qnx 创建 -->
            <!-- begin vid_496qrhmgfb 编辑 -->
            <a-modal
                class="vid_496qrhmgfb"
                v-model:visible="vid_496qrhmgfb_props.visible"
                :centered="true"
                :title="'编辑'"
                :maskClosable="false"
                :width="800"
                @cancel="handle_vid_496qrhmgfb_cancel"
                @ok="handle_vid_496qrhmgfb_ok"
            >
                <!-- begin vid_s5cul3k4e2 表单容器_miwtu6vy5v -->
                <a-form class="vid_s5cul3k4e2" :model="c_xq6gi5jbvh" :formModel="vid_s5cul3k4e2_props.formModel">
                    <!-- begin vid_9vymvxympf 布局容器_nrcs9clxk2 -->
                    <a-row class="vid_9vymvxympf" :slots="'12:12'">
                        <a-col :span="12">
                            <!-- begin vid_s8kw7n39cx 表单项容器_rircgrv9eh -->
                            <a-form-item
                                name="s_w71h8ba7la"
                                :rules="c_xq6gi5jbvh_rules[`s_w71h8ba7la`]"
                                class="vid_s8kw7n39cx"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_fcl682x7re 下拉框_2htr3nk4hl -->
                                <a-select
                                    class="vid_fcl682x7re"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="c_xq6gi5jbvh.s_w71h8ba7la"
                                    :disabled="true"
                                    :dropdownMatchSelectWidth="true"
                                    :filterOption="false"
                                    :showArrow="true"
                                    :placeholder="'请选择营销中心'"
                                    :selected="vid_fcl682x7re_props.selected"
                                    :searchValue="vid_fcl682x7re_props.searchValue"
                                    :options="vid_fcl682x7re_options()"
                                    @change="handle_vid_fcl682x7re_change"
                                    @search="handle_vid_fcl682x7re_search"
                                >
                                </a-select>
                                <!-- end vid_fcl682x7re 下拉框_2htr3nk4hl -->
                                <template #label>
                                    <!-- begin vid_872krqyrrw 简单文本_0h6gkzpyin -->
                                    <span class="vid_872krqyrrw"> 营销中心 </span>
                                    <!-- end vid_872krqyrrw 简单文本_0h6gkzpyin -->
                                </template>
                            </a-form-item>
                            <!-- end vid_s8kw7n39cx 表单项容器_rircgrv9eh -->
                        </a-col>
                        <a-col :span="12">
                            <!-- begin vid_fgb9lp515t 表单项容器_3chd2r71t6 -->
                            <a-form-item
                                name="v_m2blvbeczk"
                                :rules="c_xq6gi5jbvh_rules[`v_m2blvbeczk`]"
                                class="vid_fgb9lp515t"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_v1fjy9bxyf 下拉框_55slguckws -->
                                <a-select
                                    class="vid_v1fjy9bxyf"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="c_xq6gi5jbvh.v_m2blvbeczk"
                                    :disabled="true"
                                    :dropdownMatchSelectWidth="true"
                                    :filterOption="false"
                                    :showArrow="true"
                                    :placeholder="'请选择部门'"
                                    :selected="vid_v1fjy9bxyf_props.selected"
                                    :searchValue="vid_v1fjy9bxyf_props.searchValue"
                                    :options="vid_v1fjy9bxyf_options()"
                                    @change="handle_vid_v1fjy9bxyf_change"
                                    @search="handle_vid_v1fjy9bxyf_search"
                                >
                                </a-select>
                                <!-- end vid_v1fjy9bxyf 下拉框_55slguckws -->
                                <template #label>
                                    <!-- begin vid_xm7lpc1jtr 简单文本_laa7rxeevd -->
                                    <span class="vid_xm7lpc1jtr"> 部门 </span>
                                    <!-- end vid_xm7lpc1jtr 简单文本_laa7rxeevd -->
                                </template>
                            </a-form-item>
                            <!-- end vid_fgb9lp515t 表单项容器_3chd2r71t6 -->
                        </a-col>
                    </a-row>
                    <!-- end vid_9vymvxympf 布局容器_nrcs9clxk2 -->
                    <!-- begin vid_wuebw3q4nr 布局容器_6trkd5ujcs -->
                    <a-row class="vid_wuebw3q4nr" :slots="'12:12'">
                        <a-col :span="12">
                            <!-- begin vid_oeboej8jz9 表单项容器_htjggk1pfj -->
                            <a-form-item
                                name="t_fi7pwrkes3"
                                :rules="c_xq6gi5jbvh_rules[`t_fi7pwrkes3`]"
                                class="vid_oeboej8jz9"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_e3q9ux78ab 下拉框_gsxmjtwopj -->
                                <a-select
                                    class="vid_e3q9ux78ab"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="c_xq6gi5jbvh.t_fi7pwrkes3"
                                    :disabled="true"
                                    :dropdownMatchSelectWidth="true"
                                    :filterOption="false"
                                    :showArrow="true"
                                    :placeholder="'请选择业务员'"
                                    :selected="vid_e3q9ux78ab_props.selected"
                                    :searchValue="vid_e3q9ux78ab_props.searchValue"
                                    :options="vid_e3q9ux78ab_options()"
                                    @change="handle_vid_e3q9ux78ab_change"
                                    @search="handle_vid_e3q9ux78ab_search"
                                >
                                </a-select>
                                <!-- end vid_e3q9ux78ab 下拉框_gsxmjtwopj -->
                                <template #label>
                                    <!-- begin vid_d7e7wzfo8r 简单文本_lyymir59fi -->
                                    <span class="vid_d7e7wzfo8r"> 业务员 </span>
                                    <!-- end vid_d7e7wzfo8r 简单文本_lyymir59fi -->
                                </template>
                            </a-form-item>
                            <!-- end vid_oeboej8jz9 表单项容器_htjggk1pfj -->
                        </a-col>
                        <a-col :span="12">
                            <!-- begin vid_klaooa0dac 表单项容器_2yj6rv388f -->
                            <a-form-item
                                name="h_d7fx8rvuvc"
                                :rules="c_xq6gi5jbvh_rules[`h_d7fx8rvuvc`]"
                                class="vid_klaooa0dac"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_r53ty6hx4e 下拉框_mzukxw2f29 -->
                                <a-select
                                    class="vid_r53ty6hx4e"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="c_xq6gi5jbvh.h_d7fx8rvuvc"
                                    :disabled="true"
                                    :dropdownMatchSelectWidth="true"
                                    :filterOption="false"
                                    :showArrow="true"
                                    :placeholder="'请选择区域流向'"
                                    :selected="vid_r53ty6hx4e_props.selected"
                                    :searchValue="vid_r53ty6hx4e_props.searchValue"
                                    :options="vid_r53ty6hx4e_options()"
                                    @change="handle_vid_r53ty6hx4e_change"
                                    @search="handle_vid_r53ty6hx4e_search"
                                >
                                </a-select>
                                <!-- end vid_r53ty6hx4e 下拉框_mzukxw2f29 -->
                                <template #label>
                                    <!-- begin vid_vwrf86y0os 简单文本_aqlznkxf8n -->
                                    <span class="vid_vwrf86y0os"> 区域流向 </span>
                                    <!-- end vid_vwrf86y0os 简单文本_aqlznkxf8n -->
                                </template>
                            </a-form-item>
                            <!-- end vid_klaooa0dac 表单项容器_2yj6rv388f -->
                        </a-col>
                    </a-row>
                    <!-- end vid_wuebw3q4nr 布局容器_6trkd5ujcs -->
                    <!-- begin vid_vwc9becf0q 布局容器_rs294c79hy -->
                    <a-row class="vid_vwc9becf0q" :slots="'12:12'">
                        <a-col :span="12">
                            <!-- begin vid_wmp9lxnaoa 表单项容器_my6af23j1w -->
                            <a-form-item
                                name="x_b07gmfoz1e"
                                :rules="c_xq6gi5jbvh_rules[`x_b07gmfoz1e`]"
                                class="vid_wmp9lxnaoa"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_x5o54pcdkl 下拉框_zvri839cn9 -->
                                <a-select
                                    class="vid_x5o54pcdkl"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="c_xq6gi5jbvh.x_b07gmfoz1e"
                                    :disabled="true"
                                    :dropdownMatchSelectWidth="true"
                                    :filterOption="false"
                                    :showArrow="true"
                                    :placeholder="'请选择原发货企业'"
                                    :selected="vid_x5o54pcdkl_props.selected"
                                    :searchValue="vid_x5o54pcdkl_props.searchValue"
                                    :options="vid_x5o54pcdkl_options()"
                                    @change="handle_vid_x5o54pcdkl_change"
                                    @search="handle_vid_x5o54pcdkl_search"
                                >
                                </a-select>
                                <!-- end vid_x5o54pcdkl 下拉框_zvri839cn9 -->
                                <template #label>
                                    <!-- begin vid_hzrrifbzzo 简单文本_evica9803f -->
                                    <span class="vid_hzrrifbzzo"> 原发货企业 </span>
                                    <!-- end vid_hzrrifbzzo 简单文本_evica9803f -->
                                </template>
                            </a-form-item>
                            <!-- end vid_wmp9lxnaoa 表单项容器_my6af23j1w -->
                        </a-col>
                        <a-col :span="12">
                            <!-- begin vid_6nwpzfitwp 表单项容器_ctmvzuwd1f -->
                            <a-form-item
                                name="g_z8nbetjkgo"
                                :rules="c_xq6gi5jbvh_rules[`g_z8nbetjkgo`]"
                                class="vid_6nwpzfitwp"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_284yjv2bln 下拉框_79u2mrtu40 -->
                                <a-select
                                    class="vid_284yjv2bln"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="c_xq6gi5jbvh.g_z8nbetjkgo"
                                    :disabled="true"
                                    :dropdownMatchSelectWidth="true"
                                    :filterOption="false"
                                    :showArrow="true"
                                    :placeholder="'请选择调整后发货企业'"
                                    :selected="vid_284yjv2bln_props.selected"
                                    :searchValue="vid_284yjv2bln_props.searchValue"
                                    :options="vid_284yjv2bln_options()"
                                    @change="handle_vid_284yjv2bln_change"
                                    @search="handle_vid_284yjv2bln_search"
                                >
                                </a-select>
                                <!-- end vid_284yjv2bln 下拉框_79u2mrtu40 -->
                                <template #label>
                                    <!-- begin vid_jh64qwbli3 简单文本_ss2uzs1s2v -->
                                    <span class="vid_jh64qwbli3"> 调整后发货企业 </span>
                                    <!-- end vid_jh64qwbli3 简单文本_ss2uzs1s2v -->
                                </template>
                            </a-form-item>
                            <!-- end vid_6nwpzfitwp 表单项容器_ctmvzuwd1f -->
                        </a-col>
                    </a-row>
                    <!-- end vid_vwc9becf0q 布局容器_rs294c79hy -->
                    <!-- begin vid_vk16934q18 布局容器_7f8xfxe7e0 -->
                    <a-row class="vid_vk16934q18" :slots="'12:12'">
                        <a-col :span="12">
                            <!-- begin vid_vd7aflag5o 表单项容器_n6e7pt4iq7 -->
                            <a-form-item
                                name="s_eswl95jc5e"
                                :rules="c_xq6gi5jbvh_rules[`s_eswl95jc5e`]"
                                class="vid_vd7aflag5o"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_mqz08n6st1 下拉框_qr7ahcl7xk -->
                                <a-select
                                    class="vid_mqz08n6st1"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="c_xq6gi5jbvh.s_eswl95jc5e"
                                    :disabled="true"
                                    :dropdownMatchSelectWidth="true"
                                    :filterOption="false"
                                    :showArrow="true"
                                    :placeholder="'请选择客商名称'"
                                    :selected="vid_mqz08n6st1_props.selected"
                                    :searchValue="vid_mqz08n6st1_props.searchValue"
                                    :options="vid_mqz08n6st1_options()"
                                    @change="handle_vid_mqz08n6st1_change"
                                    @search="handle_vid_mqz08n6st1_search"
                                >
                                </a-select>
                                <!-- end vid_mqz08n6st1 下拉框_qr7ahcl7xk -->
                                <template #label>
                                    <!-- begin vid_adkw5kd92t 简单文本_jsyce2d7t0 -->
                                    <span class="vid_adkw5kd92t"> 客商名称 </span>
                                    <!-- end vid_adkw5kd92t 简单文本_jsyce2d7t0 -->
                                </template>
                            </a-form-item>
                            <!-- end vid_vd7aflag5o 表单项容器_n6e7pt4iq7 -->
                        </a-col>
                        <a-col :span="12">
                            <!-- begin vid_xc24mxir7h 表单项容器_almhc0wgaw -->
                            <a-form-item
                                name="q_tzmtu5f5nf"
                                :rules="c_xq6gi5jbvh_rules[`q_tzmtu5f5nf`]"
                                class="vid_xc24mxir7h"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_9rvrvkonxs 数字输入框_qzg601pga2 -->
                                <a-input-number
                                    class="vid_9rvrvkonxs"
                                    v-model:value="c_xq6gi5jbvh.q_tzmtu5f5nf"
                                    :placeholder="'请输入转移量目标'"
                                    :min="0"
                                >
                                </a-input-number>
                                <!-- end vid_9rvrvkonxs 数字输入框_qzg601pga2 -->
                                <template #label>
                                    <!-- begin vid_zkt97isxkf 简单文本_sz59g16w2w -->
                                    <span class="vid_zkt97isxkf"> 转移量目标 </span>
                                    <!-- end vid_zkt97isxkf 简单文本_sz59g16w2w -->
                                </template>
                            </a-form-item>
                            <!-- end vid_xc24mxir7h 表单项容器_almhc0wgaw -->
                        </a-col>
                    </a-row>
                    <!-- end vid_vk16934q18 布局容器_7f8xfxe7e0 -->
                    <!-- begin vid_o4h7cppx7z 布局容器_jfzur6jzp8 -->
                    <a-row class="vid_o4h7cppx7z" :slots="'12:12'">
                        <a-col :span="12">
                            <!-- begin vid_hnb73uvumf 表单项容器_r221kuctbj -->
                            <a-form-item
                                name="h_5t1q00ygpv"
                                :rules="c_xq6gi5jbvh_rules[`h_5t1q00ygpv`]"
                                class="vid_hnb73uvumf"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_bn7iilh11v 下拉框_ihudqtdbet -->
                                <a-select
                                    class="vid_bn7iilh11v"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="c_xq6gi5jbvh.h_5t1q00ygpv"
                                    :showSearch="true"
                                    :filterOption="
                                        (input, option) => {
                                            return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                        }
                                    "
                                    :showArrow="true"
                                    :placeholder="'请选择包装形式'"
                                    :selected="vid_bn7iilh11v_props.selected"
                                    :searchValue="vid_bn7iilh11v_props.searchValue"
                                    :options="vid_bn7iilh11v_options()"
                                    @change="handle_vid_bn7iilh11v_change"
                                    @search="handle_vid_bn7iilh11v_search"
                                >
                                </a-select>
                                <!-- end vid_bn7iilh11v 下拉框_ihudqtdbet -->
                                <template #label>
                                    <!-- begin vid_af7494r8tm 简单文本_2jab25dv1j -->
                                    <span class="vid_af7494r8tm"> 包装形式 </span>
                                    <!-- end vid_af7494r8tm 简单文本_2jab25dv1j -->
                                </template>
                            </a-form-item>
                            <!-- end vid_hnb73uvumf 表单项容器_r221kuctbj -->
                        </a-col>
                        <a-col :span="12">
                            <!-- begin vid_9unkrq06sg 表单项容器_57cu0vta02 -->
                            <a-form-item
                                name="w_4p9fc8s01z"
                                :rules="c_xq6gi5jbvh_rules[`w_4p9fc8s01z`]"
                                class="vid_9unkrq06sg"
                                :label-col="{ span: 8 }"
                                :wrapper-col="{ span: 16 }"
                            >
                                <!-- begin vid_czbjsjxesu 下拉框_ftst5o59sf -->
                                <a-select
                                    class="vid_czbjsjxesu"
                                    :getPopupContainer="node => node.parentNode"
                                    v-model:value="c_xq6gi5jbvh.w_4p9fc8s01z"
                                    :showSearch="true"
                                    :filterOption="
                                        (input, option) => {
                                            return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                        }
                                    "
                                    :showArrow="true"
                                    :placeholder="'请选择运输方式'"
                                    :selected="vid_czbjsjxesu_props.selected"
                                    :searchValue="vid_czbjsjxesu_props.searchValue"
                                    :options="vid_czbjsjxesu_options()"
                                    @change="handle_vid_czbjsjxesu_change"
                                    @search="handle_vid_czbjsjxesu_search"
                                >
                                </a-select>
                                <!-- end vid_czbjsjxesu 下拉框_ftst5o59sf -->
                                <template #label>
                                    <!-- begin vid_od6d6ltcwy 简单文本_5j7dstg7b8 -->
                                    <span class="vid_od6d6ltcwy"> 运输方式 </span>
                                    <!-- end vid_od6d6ltcwy 简单文本_5j7dstg7b8 -->
                                </template>
                            </a-form-item>
                            <!-- end vid_9unkrq06sg 表单项容器_57cu0vta02 -->
                        </a-col>
                    </a-row>
                    <!-- end vid_o4h7cppx7z 布局容器_jfzur6jzp8 -->
                    <!-- begin vid_plxejktp1f 表单项容器_ampkkc357e -->
                    <a-form-item
                        name="k_io952kahw2"
                        :rules="c_xq6gi5jbvh_rules[`k_io952kahw2`]"
                        class="vid_plxejktp1f"
                        :label-col="{ span: 4 }"
                        :wrapper-col="{ span: 20 }"
                    >
                        <!-- begin vid_8zfpbexurv 文本域_ae8mggx28i -->
                        <a-textarea class="vid_8zfpbexurv" v-model:value="c_xq6gi5jbvh.k_io952kahw2"> </a-textarea>
                        <!-- end vid_8zfpbexurv 文本域_ae8mggx28i -->
                        <template #label>
                            <!-- begin vid_33cwy54fkb 简单文本_cn55tp7pif -->
                            <span class="vid_33cwy54fkb"> 备注 </span>
                            <!-- end vid_33cwy54fkb 简单文本_cn55tp7pif -->
                        </template>
                    </a-form-item>
                    <!-- end vid_plxejktp1f 表单项容器_ampkkc357e -->
                </a-form>
                <!-- end vid_s5cul3k4e2 表单容器_miwtu6vy5v -->
            </a-modal>
            <!-- end vid_496qrhmgfb 编辑 -->
            <!-- begin vid_qsy77g9ikc 跟踪记录-创建 -->
            <a-modal
                class="vid_qsy77g9ikc"
                v-model:visible="vid_qsy77g9ikc_props.visible"
                :centered="true"
                :title="'跟踪记录-创建'"
                :maskClosable="false"
                @ok="handle_vid_qsy77g9ikc_ok"
                @cancel="handle_vid_qsy77g9ikc_cancel"
            >
                <!-- begin vid_2s8x9jxier 表单容器_h2hy2k722o -->
                <a-form
                    ref="vid_2s8x9jxier_ref"
                    class="vid_2s8x9jxier"
                    :model="k_rmhyffdym6"
                    :formModel="vid_2s8x9jxier_props.formModel"
                >
                    <!-- begin vid_ghke5mjcgu 表单项容器_u9o7ztxmvx -->
                    <a-form-item
                        name="x_lzkdkf1297"
                        :rules="k_rmhyffdym6_rules[`x_lzkdkf1297`]"
                        class="vid_ghke5mjcgu"
                        :label-col="{ span: 6 }"
                        :wrapper-col="{ span: 18 }"
                    >
                        <!-- begin vid_5mmtbe56rp 日期_ee5o6hmg2b -->
                        <a-date-picker
                            class="vid_5mmtbe56rp"
                            :getPopupContainer="node => node.parentNode"
                            v-model:value="k_rmhyffdym6.x_lzkdkf1297"
                            :placeholder="'请选择开始日期'"
                            :valueFormat="'YYYY-MM-DD'"
                            :showTime="vid_5mmtbe56rp_props.showTime"
                        >
                        </a-date-picker>
                        <!-- end vid_5mmtbe56rp 日期_ee5o6hmg2b -->
                        <template #label>
                            <!-- begin vid_ytl4nup8ar 开始日期 -->
                            <span class="vid_ytl4nup8ar"> 开始日期 </span>
                            <!-- end vid_ytl4nup8ar 开始日期 -->
                        </template>
                    </a-form-item>
                    <!-- end vid_ghke5mjcgu 表单项容器_u9o7ztxmvx -->
                    <!-- begin vid_hhznv86whc 表单项容器_372xxhfquz -->
                    <a-form-item
                        name="p_vibafyuqxm"
                        :rules="k_rmhyffdym6_rules[`p_vibafyuqxm`]"
                        class="vid_hhznv86whc"
                        :label-col="{ span: 6 }"
                        :wrapper-col="{ span: 18 }"
                    >
                        <!-- begin vid_q7qlj4do5h 下拉框_6jid5xds50 -->
                        <a-select
                            class="vid_q7qlj4do5h"
                            :getPopupContainer="node => node.parentNode"
                            v-model:value="k_rmhyffdym6.p_vibafyuqxm"
                            :dropdownMatchSelectWidth="true"
                            :filterOption="false"
                            :showArrow="true"
                            :placeholder="'请选择未转移分类'"
                            :selected="vid_q7qlj4do5h_props.selected"
                            :searchValue="vid_q7qlj4do5h_props.searchValue"
                            :options="vid_q7qlj4do5h_options()"
                            @change="handle_vid_q7qlj4do5h_change"
                            @search="handle_vid_q7qlj4do5h_search"
                        >
                        </a-select>
                        <!-- end vid_q7qlj4do5h 下拉框_6jid5xds50 -->
                        <template #label>
                            <!-- begin vid_n6w3cijtxa 未转移分类 -->
                            <span class="vid_n6w3cijtxa"> 未转移分类 </span>
                            <!-- end vid_n6w3cijtxa 未转移分类 -->
                        </template>
                    </a-form-item>
                    <!-- end vid_hhznv86whc 表单项容器_372xxhfquz -->
                    <!-- begin vid_urwaqkse17 表单项容器_lf7nvzikd6 -->
                    <a-form-item
                        name="t_j7x8obssm1"
                        :rules="k_rmhyffdym6_rules[`t_j7x8obssm1`]"
                        class="vid_urwaqkse17"
                        :label-col="{ span: 6 }"
                        :wrapper-col="{ span: 18 }"
                    >
                        <!-- begin vid_fpxaz98rk6 文本域_itc5lqne5l -->
                        <a-textarea
                            class="vid_fpxaz98rk6"
                            v-model:value="k_rmhyffdym6.t_j7x8obssm1"
                            :placeholder="'请输入内容'"
                        >
                        </a-textarea>
                        <!-- end vid_fpxaz98rk6 文本域_itc5lqne5l -->
                        <template #label>
                            <!-- begin vid_u2580ijup8 未转移具体原因 -->
                            <span class="vid_u2580ijup8"> 未转移具体原因 </span>
                            <!-- end vid_u2580ijup8 未转移具体原因 -->
                        </template>
                    </a-form-item>
                    <!-- end vid_urwaqkse17 表单项容器_lf7nvzikd6 -->
                </a-form>
                <!-- end vid_2s8x9jxier 表单容器_h2hy2k722o -->
            </a-modal>
            <!-- end vid_qsy77g9ikc 跟踪记录-创建 -->
            <!-- begin vid_3q25y033bh 跟踪记录-编辑 -->
            <a-modal
                class="vid_3q25y033bh"
                v-model:visible="vid_3q25y033bh_props.visible"
                :centered="true"
                :title="'跟踪记录-编辑'"
                :maskClosable="false"
                @cancel="handle_vid_3q25y033bh_cancel"
                @ok="handle_vid_3q25y033bh_ok"
            >
                <!-- begin vid_qvrexg61dp 表单容器_r7orgymorw -->
                <a-form class="vid_qvrexg61dp" :model="t_okssrdqqdd" :formModel="vid_qvrexg61dp_props.formModel">
                    <!-- begin vid_0j67j16ocf 表单项容器_is7mkofa19 -->
                    <a-form-item
                        name="r_vtkmlqweeg"
                        :rules="t_okssrdqqdd_rules[`r_vtkmlqweeg`]"
                        class="vid_0j67j16ocf"
                        :label-col="{ span: 6 }"
                        :wrapper-col="{ span: 18 }"
                    >
                        <!-- begin vid_95bt24rs0d 日期_fjg52hnmw4 -->
                        <a-date-picker
                            class="vid_95bt24rs0d"
                            :getPopupContainer="node => node.parentNode"
                            v-model:value="t_okssrdqqdd.r_vtkmlqweeg"
                            :placeholder="'请选择开始日期'"
                            :valueFormat="'YYYY-MM-DD'"
                            :showTime="vid_95bt24rs0d_props.showTime"
                        >
                        </a-date-picker>
                        <!-- end vid_95bt24rs0d 日期_fjg52hnmw4 -->
                        <template #label>
                            <!-- begin vid_pshl14icln 简单文本_o2bpuvdz8k -->
                            <span class="vid_pshl14icln"> 开始日期 </span>
                            <!-- end vid_pshl14icln 简单文本_o2bpuvdz8k -->
                        </template>
                    </a-form-item>
                    <!-- end vid_0j67j16ocf 表单项容器_is7mkofa19 -->
                    <!-- begin vid_7vi5jy0w5z 表单项容器_scgfckgher -->
                    <a-form-item
                        name="w_7z7l404s8q"
                        :rules="t_okssrdqqdd_rules[`w_7z7l404s8q`]"
                        class="vid_7vi5jy0w5z"
                        :label-col="{ span: 6 }"
                        :wrapper-col="{ span: 18 }"
                    >
                        <!-- begin vid_w9cbontfqa 下拉框_jfspqgtquk -->
                        <a-select
                            class="vid_w9cbontfqa"
                            :getPopupContainer="node => node.parentNode"
                            v-model:value="t_okssrdqqdd.w_7z7l404s8q"
                            :dropdownMatchSelectWidth="true"
                            :filterOption="false"
                            :showArrow="true"
                            :placeholder="'请选择未转移分类'"
                            :selected="vid_w9cbontfqa_props.selected"
                            :searchValue="vid_w9cbontfqa_props.searchValue"
                            :options="vid_w9cbontfqa_options()"
                            @change="handle_vid_w9cbontfqa_change"
                            @search="handle_vid_w9cbontfqa_search"
                        >
                        </a-select>
                        <!-- end vid_w9cbontfqa 下拉框_jfspqgtquk -->
                        <template #label>
                            <!-- begin vid_b2d86fp0cs 简单文本_6epwpuv4wg -->
                            <span class="vid_b2d86fp0cs"> 未转移分类 </span>
                            <!-- end vid_b2d86fp0cs 简单文本_6epwpuv4wg -->
                        </template>
                    </a-form-item>
                    <!-- end vid_7vi5jy0w5z 表单项容器_scgfckgher -->
                    <!-- begin vid_4ys6j8zmx0 表单项容器_mfk4jvywzx -->
                    <a-form-item
                        name="e_8ke1xftsmq"
                        :rules="t_okssrdqqdd_rules[`e_8ke1xftsmq`]"
                        class="vid_4ys6j8zmx0"
                        :label-col="{ span: 6 }"
                        :wrapper-col="{ span: 18 }"
                    >
                        <!-- begin vid_wjt9i3gm5j 文本域_h0yhr9mjqb -->
                        <a-textarea
                            class="vid_wjt9i3gm5j"
                            v-model:value="t_okssrdqqdd.e_8ke1xftsmq"
                            :placeholder="'请输入内容'"
                        >
                        </a-textarea>
                        <!-- end vid_wjt9i3gm5j 文本域_h0yhr9mjqb -->
                        <template #label>
                            <!-- begin vid_ohg22idwry 简单文本_by17t3pq5d -->
                            <span class="vid_ohg22idwry"> 未转移具体原因 </span>
                            <!-- end vid_ohg22idwry 简单文本_by17t3pq5d -->
                        </template>
                    </a-form-item>
                    <!-- end vid_4ys6j8zmx0 表单项容器_mfk4jvywzx -->
                </a-form>
                <!-- end vid_qvrexg61dp 表单容器_r7orgymorw -->
            </a-modal>
            <!-- end vid_3q25y033bh 跟踪记录-编辑 -->
            <!-- begin vid_gufmzknfon 面包屑_3xtb9m2sdi -->
            <a-breadcrumb class="vid_gufmzknfon" @click="handle_vid_gufmzknfon_click" style="word-break: break-word">
                <a-breadcrumb-item
                    v-for="(item, index) in vid_gufmzknfon_props_tabConfig"
                    :key="index"
                    @click="handleBreadcrumbJump(router, item)"
                    href=""
                >
                    <template v-if="vid_gufmzknfon_props.rt_showIcon">
                        <span v-if="/^(https?:|mailto:|tel:|data:image)/.test(item.icon)" role="img" class="anticon"
                            ><embed style="width: 1em; height: 1em" :src="item.icon"
                        /></span>
                        <component v-else :is="item.icon" />
                    </template>
                    {{ item.title }}
                </a-breadcrumb-item>
            </a-breadcrumb>
            <!-- end vid_gufmzknfon 面包屑_3xtb9m2sdi -->
            <!-- begin vid_nr7n4ea6ae 容器_ln1at9jj6f -->
            <al-box class="vid_nr7n4ea6ae">
                <!-- begin vid_qch36935ug 标签页_kn7du8lfc0 -->
                <a-tabs
                    class="vid_qch36935ug"
                    v-model:activeKey="vid_qch36935ug_props.activeKey"
                    @tabClick="handle_vid_qch36935ug_tabClick"
                >
                    <template #leftExtra> </template>
                    <template #rightExtra> </template>
                    <a-tab-pane key="Tab1" force-render>
                        <template #tab> 转移量管理 </template>
                        <!-- begin vid_rwmg3j0v5j 表单容器_0qnlr3q4ot -->
                        <a-form
                            ref="vid_rwmg3j0v5j_ref"
                            class="vid_rwmg3j0v5j"
                            :model="i_cggi6e08gi"
                            :formModel="vid_rwmg3j0v5j_props.formModel"
                        >
                            <!-- begin vid_l04u5flzjd 布局容器_169npzjntu -->
                            <a-row class="vid_l04u5flzjd" :slots="'6:6:6:6'">
                                <a-col :span="6">
                                    <!-- begin vid_a4fznsui0h 表单项容器_ru9th1afr3 -->
                                    <a-form-item
                                        name="i_dxn656xixx"
                                        :rules="i_cggi6e08gi_rules[`i_dxn656xixx`]"
                                        class="vid_a4fznsui0h"
                                        :label-col="{ span: 7 }"
                                        :wrapper-col="{ span: 17 }"
                                    >
                                        <!-- begin vid_sjly6hw257 下拉框_marketOrganizationName -->
                                        <a-select
                                            class="vid_sjly6hw257"
                                            :getPopupContainer="node => node.parentNode"
                                            v-model:value="i_cggi6e08gi.i_dxn656xixx"
                                            :showArrow="true"
                                            :filterOption="
                                                (input, option) => {
                                                    return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                                }
                                            "
                                            :showSearch="true"
                                            :placeholder="'请选择营销中心'"
                                            :searchValue="vid_sjly6hw257_props.searchValue"
                                            :selected="vid_sjly6hw257_props.selected"
                                            :options="vid_sjly6hw257_options()"
                                            @change="handle_vid_sjly6hw257_change"
                                            @search="handle_vid_sjly6hw257_search"
                                        >
                                        </a-select>
                                        <!-- end vid_sjly6hw257 下拉框_marketOrganizationName -->
                                        <template #label>
                                            <!-- begin vid_fllwpms63b 营销中心 -->
                                            <span class="vid_fllwpms63b"> 营销中心 </span>
                                            <!-- end vid_fllwpms63b 营销中心 -->
                                        </template>
                                    </a-form-item>
                                    <!-- end vid_a4fznsui0h 表单项容器_ru9th1afr3 -->
                                </a-col>
                                <a-col :span="6">
                                    <!-- begin vid_59fd79pal7 表单项容器_hb4augn3od -->
                                    <a-form-item
                                        name="p_0txlz3kh5y"
                                        :rules="i_cggi6e08gi_rules[`p_0txlz3kh5y`]"
                                        class="vid_59fd79pal7"
                                        :label-col="{ span: 7 }"
                                        :wrapper-col="{ span: 17 }"
                                    >
                                        <!-- begin vid_v4dhr4y9q8 下拉框_deptName -->
                                        <a-select
                                            class="vid_v4dhr4y9q8"
                                            :getPopupContainer="node => node.parentNode"
                                            v-model:value="i_cggi6e08gi.p_0txlz3kh5y"
                                            :showArrow="true"
                                            :filterOption="
                                                (input, option) => {
                                                    return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                                }
                                            "
                                            :showSearch="true"
                                            :placeholder="'请选择部门'"
                                            :searchValue="vid_v4dhr4y9q8_props.searchValue"
                                            :selected="vid_v4dhr4y9q8_props.selected"
                                            :options="vid_v4dhr4y9q8_options()"
                                            @change="handle_vid_v4dhr4y9q8_change"
                                            @search="handle_vid_v4dhr4y9q8_search"
                                        >
                                        </a-select>
                                        <!-- end vid_v4dhr4y9q8 下拉框_deptName -->
                                        <template #label>
                                            <!-- begin vid_pylrg1eehb 部门 -->
                                            <span class="vid_pylrg1eehb"> 部门 </span>
                                            <!-- end vid_pylrg1eehb 部门 -->
                                        </template>
                                    </a-form-item>
                                    <!-- end vid_59fd79pal7 表单项容器_hb4augn3od -->
                                </a-col>
                                <a-col :span="6">
                                    <!-- begin vid_5kru61q7ar 表单项容器_io7gro6lof -->
                                    <a-form-item
                                        name="q_54kopa0vw7"
                                        :rules="i_cggi6e08gi_rules[`q_54kopa0vw7`]"
                                        class="vid_5kru61q7ar"
                                        :label-col="{ span: 7 }"
                                        :wrapper-col="{ span: 17 }"
                                    >
                                        <!-- begin vid_yhkyornzf6 下拉框_areaName -->
                                        <a-select
                                            class="vid_yhkyornzf6"
                                            :getPopupContainer="node => node.parentNode"
                                            v-model:value="i_cggi6e08gi.q_54kopa0vw7"
                                            :showArrow="true"
                                            :filterOption="
                                                (input, option) => {
                                                    return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                                }
                                            "
                                            :showSearch="true"
                                            :placeholder="'请选择区域流向'"
                                            :searchValue="vid_yhkyornzf6_props.searchValue"
                                            :selected="vid_yhkyornzf6_props.selected"
                                            :options="vid_yhkyornzf6_options()"
                                            @change="handle_vid_yhkyornzf6_change"
                                            @search="handle_vid_yhkyornzf6_search"
                                        >
                                        </a-select>
                                        <!-- end vid_yhkyornzf6 下拉框_areaName -->
                                        <template #label>
                                            <!-- begin vid_58bom39qiz 区域流向 -->
                                            <span class="vid_58bom39qiz"> 区域流向 </span>
                                            <!-- end vid_58bom39qiz 区域流向 -->
                                        </template>
                                    </a-form-item>
                                    <!-- end vid_5kru61q7ar 表单项容器_io7gro6lof -->
                                </a-col>
                                <a-col :span="6">
                                    <!-- begin vid_xsc02t2wyf 表单项容器_e8x46j46pr -->
                                    <a-form-item
                                        name="c_gdlun85j1y"
                                        :rules="i_cggi6e08gi_rules[`c_gdlun85j1y`]"
                                        class="vid_xsc02t2wyf"
                                        :label-col="{ span: 7 }"
                                        :wrapper-col="{ span: 17 }"
                                    >
                                        <!-- begin vid_ja34x6q0r0 下拉框_adjustCompanyName -->
                                        <a-select
                                            class="vid_ja34x6q0r0"
                                            :getPopupContainer="node => node.parentNode"
                                            v-model:value="i_cggi6e08gi.c_gdlun85j1y"
                                            :showArrow="true"
                                            :filterOption="
                                                (input, option) => {
                                                    return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                                }
                                            "
                                            :showSearch="true"
                                            :placeholder="'请选择调整后发货企业'"
                                            :searchValue="vid_ja34x6q0r0_props.searchValue"
                                            :selected="vid_ja34x6q0r0_props.selected"
                                            :options="vid_ja34x6q0r0_options()"
                                            @change="handle_vid_ja34x6q0r0_change"
                                            @search="handle_vid_ja34x6q0r0_search"
                                        >
                                        </a-select>
                                        <!-- end vid_ja34x6q0r0 下拉框_adjustCompanyName -->
                                        <template #label>
                                            <!-- begin vid_pn9q8xy3ri 调整后发货企业 -->
                                            <span class="vid_pn9q8xy3ri"> 调整后发货企业 </span>
                                            <!-- end vid_pn9q8xy3ri 调整后发货企业 -->
                                        </template>
                                    </a-form-item>
                                    <!-- end vid_xsc02t2wyf 表单项容器_e8x46j46pr -->
                                </a-col>
                            </a-row>
                            <!-- end vid_l04u5flzjd 布局容器_169npzjntu -->
                            <!-- begin vid_4ogf820gnr 布局容器_ga70o3yyvg -->
                            <a-row class="vid_4ogf820gnr" :slots="'6:6:6:6'">
                                <a-col :span="6">
                                    <!-- begin vid_oje8pzfevt 表单项容器_7v39gd8xhs -->
                                    <a-form-item
                                        name="v_g5y24tsvme"
                                        :rules="i_cggi6e08gi_rules[`v_g5y24tsvme`]"
                                        class="vid_oje8pzfevt"
                                        :label-col="{ span: 7 }"
                                        :wrapper-col="{ span: 17 }"
                                    >
                                        <!-- begin vid_7ins287mv4 输入框_customerName -->
                                        <a-input
                                            autocomplete="off"
                                            class="vid_7ins287mv4"
                                            v-model:value="i_cggi6e08gi.v_g5y24tsvme"
                                            :placeholder="'请输入客商名称'"
                                        >
                                        </a-input>
                                        <!-- end vid_7ins287mv4 输入框_customerName -->
                                        <template #label>
                                            <!-- begin vid_yperpaacqz 客商名称 -->
                                            <span class="vid_yperpaacqz"> 客商名称 </span>
                                            <!-- end vid_yperpaacqz 客商名称 -->
                                        </template>
                                    </a-form-item>
                                    <!-- end vid_oje8pzfevt 表单项容器_7v39gd8xhs -->
                                </a-col>
                                <a-col :span="6">
                                    <!-- begin vid_xjnao7vfhg 表单项容器_wypp6oypj6 -->
                                    <a-form-item
                                        name="g_sx9avbxdam"
                                        :rules="i_cggi6e08gi_rules[`g_sx9avbxdam`]"
                                        class="vid_xjnao7vfhg"
                                        :label-col="{ span: 7 }"
                                        :wrapper-col="{ span: 17 }"
                                    >
                                        <!-- begin vid_lrbdoz5q9p 下拉框_transferStatus -->
                                        <a-select
                                            class="vid_lrbdoz5q9p"
                                            :getPopupContainer="node => node.parentNode"
                                            v-model:value="i_cggi6e08gi.g_sx9avbxdam"
                                            :showArrow="true"
                                            :filterOption="
                                                (input, option) => {
                                                    return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                                }
                                            "
                                            :showSearch="true"
                                            :placeholder="'请选择转移状态'"
                                            :searchValue="vid_lrbdoz5q9p_props.searchValue"
                                            :selected="vid_lrbdoz5q9p_props.selected"
                                            :options="vid_lrbdoz5q9p_options()"
                                            @change="handle_vid_lrbdoz5q9p_change"
                                            @search="handle_vid_lrbdoz5q9p_search"
                                        >
                                        </a-select>
                                        <!-- end vid_lrbdoz5q9p 下拉框_transferStatus -->
                                        <template #label>
                                            <!-- begin vid_2vtshwx4lu 转移状态 -->
                                            <span class="vid_2vtshwx4lu"> 转移状态 </span>
                                            <!-- end vid_2vtshwx4lu 转移状态 -->
                                        </template>
                                    </a-form-item>
                                    <!-- end vid_xjnao7vfhg 表单项容器_wypp6oypj6 -->
                                </a-col>
                                <a-col :span="6">
                                    <!-- begin vid_z99rjfq1nz 表单项容器_370oqr3y54 -->
                                    <a-form-item
                                        name="i_q02c81pdd8"
                                        :rules="i_cggi6e08gi_rules[`i_q02c81pdd8`]"
                                        class="vid_z99rjfq1nz"
                                        :label-col="{ span: 7 }"
                                        :wrapper-col="{ span: 17 }"
                                    >
                                        <!-- begin vid_d6cudatukk 下拉框_userName -->
                                        <a-select
                                            class="vid_d6cudatukk"
                                            :getPopupContainer="node => node.parentNode"
                                            v-model:value="i_cggi6e08gi.i_q02c81pdd8"
                                            :showArrow="true"
                                            :filterOption="
                                                (input, option) => {
                                                    return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
                                                }
                                            "
                                            :showSearch="true"
                                            :placeholder="'请选择业务员'"
                                            :searchValue="vid_d6cudatukk_props.searchValue"
                                            :selected="vid_d6cudatukk_props.selected"
                                            :options="vid_d6cudatukk_options()"
                                            @change="handle_vid_d6cudatukk_change"
                                            @search="handle_vid_d6cudatukk_search"
                                        >
                                        </a-select>
                                        <!-- end vid_d6cudatukk 下拉框_userName -->
                                        <template #label>
                                            <!-- begin vid_u5xmyr7zj1 业务员 -->
                                            <span class="vid_u5xmyr7zj1"> 业务员 </span>
                                            <!-- end vid_u5xmyr7zj1 业务员 -->
                                        </template>
                                    </a-form-item>
                                    <!-- end vid_z99rjfq1nz 表单项容器_370oqr3y54 -->
                                </a-col>
                                <a-col :span="6">
                                    <!-- begin vid_zvmuhqyw6p 按钮_8lwv9qb1ic -->
                                    <a-button
                                        class="vid_zvmuhqyw6p"
                                        :type="'primary'"
                                        @click="handle_vid_zvmuhqyw6p_click"
                                    >
                                        <template #icon
                                            ><span role="img" class="anticon"
                                                ><embed
                                                    style="width: 1em; height: 1em"
                                                    src="" /></span
                                        ></template>

                                        查询
                                    </a-button>
                                    <!-- end vid_zvmuhqyw6p 按钮_8lwv9qb1ic -->
                                    <!-- begin vid_lcz84asbrg 按钮_6eyu4akcz1 -->
                                    <a-button class="vid_lcz84asbrg" @click="handle_vid_lcz84asbrg_click">
                                        <template #icon><reload-outlined /></template>

                                        重置
                                    </a-button>
                                    <!-- end vid_lcz84asbrg 按钮_6eyu4akcz1 -->
                                </a-col>
                            </a-row>
                            <!-- end vid_4ogf820gnr 布局容器_ga70o3yyvg -->
                        </a-form>
                        <!-- end vid_rwmg3j0v5j 表单容器_0qnlr3q4ot -->
                        <!-- begin vid_n6marfj7xy 容器_5471hvb9gl -->
                        <al-box class="vid_n6marfj7xy"> </al-box>
                        <!-- end vid_n6marfj7xy 容器_5471hvb9gl -->
                        <!-- begin vid_nncig9bnqc 容器_jdi57o1mpw -->
                        <al-box class="vid_nncig9bnqc">
                            <!-- begin vid_paweoenpg4 布局容器_8lryq7vsay -->
                            <a-row class="vid_paweoenpg4" :slots="'12:12'">
                                <a-col :span="12">
                                    <!-- begin vid_t1mdnk9d5x 容器_er0s1109xq -->
                                    <al-box class="vid_t1mdnk9d5x">
                                        <!-- begin vid_l22i0sik4z 转移量管理列表 -->
                                        <span class="vid_l22i0sik4z"> 转移量管理列表 </span>
                                        <!-- end vid_l22i0sik4z 转移量管理列表 -->
                                    </al-box>
                                    <!-- end vid_t1mdnk9d5x 容器_er0s1109xq -->
                                </a-col>
                                <a-col :span="12">
                                    <!-- begin vid_a6pyit2evx 容器_rn2n0e0pk1 -->
                                    <al-box class="vid_a6pyit2evx">
                                        <!-- begin vid_dtioqg2gn8 下载模板 -->
                                        <a-button
                                            class="vid_dtioqg2gn8"
                                            :type="'link'"
                                            @click="handle_vid_dtioqg2gn8_click"
                                        >
                                            下载模板
                                        </a-button>
                                        <!-- end vid_dtioqg2gn8 下载模板 -->
                                        <!-- begin vid_j5g7vrrbw4 创建 -->
                                        <a-button class="vid_j5g7vrrbw4" @click="handle_vid_j5g7vrrbw4_click">
                                            <template #icon><plus-outlined /></template>

                                            创建
                                        </a-button>
                                        <!-- end vid_j5g7vrrbw4 创建 -->
                                        <!-- begin vid_5cydfrsnn5 文件上传_导入 -->
                                        <al-upload
                                            class="vid_5cydfrsnn5"
                                            :uploadFile="vid_5cydfrsnn5_props.uploadFile"
                                            v-model:fileList="vid_5cydfrsnn5_props.fileList"
                                            :showUploadList="false"
                                            :textContent="'导入excel'"
                                            :accept="'.xlsx'"
                                            :action="'/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/'"
                                            :errorMsg="vid_5cydfrsnn5_props.errorMsg"
                                            @uploadSuccess="handle_vid_5cydfrsnn5_uploadSuccess"
                                            @uploadFailed="handle_vid_5cydfrsnn5_uploadFailed"
                                        >
                                        </al-upload>
                                        <!-- end vid_5cydfrsnn5 文件上传_导入 -->
                                        <!-- begin vid_h7a98eczq3 导出 -->
                                        <a-button class="vid_h7a98eczq3" @click="handle_vid_h7a98eczq3_click">
                                            <template #icon><upload-outlined /></template>

                                            导出
                                        </a-button>
                                        <!-- end vid_h7a98eczq3 导出 -->
                                    </al-box>
                                    <!-- end vid_a6pyit2evx 容器_rn2n0e0pk1 -->
                                </a-col>
                            </a-row>
                            <!-- end vid_paweoenpg4 布局容器_8lryq7vsay -->
                            <!-- begin vid_absa0egnal 表格_73pqh3wh30 -->
                            <!-- 表格_73pqh3wh30 -->
                            <a-table
                                ref="vid_absa0egnal_ref"
                                class="vid_absa0egnal"
                                :bordered="true"
                                :totalNumber="vid_absa0egnal_props.totalNumber"
                                :sorter="vid_absa0egnal_props.sorter"
                                :editRowSaveLoading="vid_absa0egnal_props.editRowSaveLoading"
                                :currentRow="vid_absa0egnal_props.currentRow"
                                :selectedRowList="vid_absa0egnal_props.selectedRowList"
                                :data-source="vid_absa0egnal_options()"
                                @change="handle_vid_absa0egnal_change"
                                :columns="vid_absa0egnal_columns"
                                :pagination="vid_absa0egnal_pagination"
                                row-key="id"
                                @resizeColumn="(w, col) => handleResizeColumn(w, col, 'vid_absa0egnal')"
                                :scroll="{ x: 'max-content', scrollToFirstRowOnChange: true }"
                                :row-class-name="
                                    (_record, index) => (index % 2 === 1 ? 'table-striped-even' : 'table-striped-odd')
                                "
                            >
                                <template #headerCell="{ title, column }">
                                    <span :style="textTruncate(column.width)">
                                        {{ title }}
                                        <template v-if="column.headerComment">
                                            <img
                                                v-if="
                                                    column.headerCommentConfig.iconType === 'CUSTOM' ||
                                                    (column.headerCommentConfig.icon &&
                                                        column.headerCommentConfig.icon.indexOf('base64') !== -1)
                                                "
                                                :src="column.headerCommentConfig.icon"
                                                style="width: 14px"
                                                alt="icon"
                                                :title="column.headerCommentConfig.comment"
                                            />
                                            <component
                                                v-else
                                                :is="column.headerCommentConfig.icon"
                                                :title="column.headerCommentConfig.comment"
                                            />
                                        </template>
                                    </span>
                                </template>
                                <template #bodyCell="{ text, column, record, index }">
                                    <!-- 操作列 -->
                                    <div v-if="column.dataIndex === 'vid_absa0egnal_operation'" class="operation-cell">
                                        <!-- 默认分组 -->
                                        <span>
                                            <a-button
                                                type="link"
                                                @click="handle_vid_absa0egnal_clickBtn_4pca4wd4bq(record)"
                                                >跟踪</a-button
                                            >
                                            <a-button
                                                type="link"
                                                @click="handle_vid_absa0egnal_clickBtn_e1gb2tv9hm(record)"
                                                >编辑</a-button
                                            >
                                            <a-button
                                                type="link"
                                                @click="handle_vid_absa0egnal_clickBtn_a9uxwo3nig(record)"
                                                >删除</a-button
                                            >
                                        </span>
                                    </div>

                                    <!-- 序号列 -->
                                    <template v-if="column && column.dataIndex === 'vid_absa0egnal_serialNumber'">
                                        {{ index + 1 }}
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"营销部"} 列内容 -->
                                    <template
                                        v-if="column.dataIndex === 'marketOrganizationName' && !column.customRender"
                                    >
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"部门"} 列内容 -->
                                    <template v-if="column.dataIndex === 'deptName' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"业务员"} 列内容 -->
                                    <template v-if="column.dataIndex === 'userName' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"区域流向"} 列内容 -->
                                    <template v-if="column.dataIndex === 'areaName' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"客商名称"} 列内容 -->
                                    <template v-if="column.dataIndex === 'customerName' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"原发货企业"} 列内容 -->
                                    <template v-if="column.dataIndex === 'originCompanyName' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"调整后发货企业"} 列内容 -->
                                    <template v-if="column.dataIndex === 'adjustCompanyName' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"转移量目标(t)"} 列内容 -->
                                    <template v-if="column.dataIndex === 'transferTarget' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"已转移量(t)"} 列内容 -->
                                    <template v-if="column.dataIndex === 'transferAmount' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"转移状态"} 列内容 -->
                                    <template v-if="column.dataIndex === 'transferStatus' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"转移进度"} 列内容 -->
                                    <template v-if="column.dataIndex === 'transferAmountRatio' && !column.customRender">
                                        <progress-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"包装形式"} 列内容 -->
                                    <template v-if="column.dataIndex === 'packageName' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"运输方式"} 列内容 -->
                                    <template v-if="column.dataIndex === 'transportType' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"id"} 列内容 -->
                                    <template v-if="column.dataIndex === 'id' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"formulaTrackId"} 列内容 -->
                                    <template v-if="column.dataIndex === 'formulaTrackId' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"未转化分类"} 列内容 -->
                                    <template v-if="column.dataIndex === 'unTransferType' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"未转化原因"} 列内容 -->
                                    <template v-if="column.dataIndex === 'unTransferReason' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                    <!-- {"type":"value","dataType":"STRING","link":"","value":"备注"} 列内容 -->
                                    <template v-if="column.dataIndex === 'remarks' && !column.customRender">
                                        <text-table-cell
                                            :rowData="record"
                                            :conditionValueMap="vid_absa0egnal_props.boundaryValueMap"
                                            :dataSource="vid_absa0egnal_props.contentDataSource[column.dataIndex]"
                                            :columnsConfig="column"
                                            :value="text"
                                        />
                                    </template>
                                </template>
                            </a-table>
                            <!-- end vid_absa0egnal 表格_73pqh3wh30 -->
                        </al-box>
                        <!-- end vid_nncig9bnqc 容器_jdi57o1mpw -->
                    </a-tab-pane>
                    <a-tab-pane key="Tab2" force-render>
                        <template #tab> 统计分析 </template>
                        <!-- begin vid_wzqef5c2kn 自定义模板_ijf05cypes -->
                        <div class="main">
                            <div class="top">
                                <a-form :model="formData">
                                    <a-row :gutter="24" style="height: 32px; line-height: 32px; margin-bottom: 16px">
                                        <a-col :span="6">
                                            <a-form-item label="跟踪日期">
                                                <a-range-picker
                                                    v-model:value="formData.date"
                                                    valueFormat="YYYY-MM-DD"
                                                /> </a-form-item
                                        ></a-col>
                                        <a-col :span="5">
                                            <a-form-item label="营销中心">
                                                <a-select
                                                    placeholder="请选择营销中心"
                                                    showSearch
                                                    :filter-option="
                                                        (input, option) => {
                                                            return (
                                                                option.label
                                                                    .toLowerCase()
                                                                    .indexOf(input.toLowerCase()) >= 0
                                                            )
                                                        }
                                                    "
                                                    v-model:value="formData.marketOrganizationName"
                                                    :options="markCenterList"
                                                    allowClear
                                                /> </a-form-item
                                        ></a-col>
                                        <a-col :span="5">
                                            <a-form-item label="市场部">
                                                <a-select
                                                    placeholder="请选择市场部"
                                                    showSearch
                                                    :filter-option="
                                                        (input, option) => {
                                                            return (
                                                                option.label
                                                                    .toLowerCase()
                                                                    .indexOf(input.toLowerCase()) >= 0
                                                            )
                                                        }
                                                    "
                                                    v-model:value="formData.deptName"
                                                    :options="departmentList"
                                                    allowClear
                                                /> </a-form-item
                                        ></a-col>
                                        <a-col :span="5">
                                            <a-form-item label="区域流向">
                                                <a-select
                                                    placeholder="请选择区域流向"
                                                    showSearch
                                                    :filter-option="
                                                        (input, option) => {
                                                            return (
                                                                option.label
                                                                    .toLowerCase()
                                                                    .indexOf(input.toLowerCase()) >= 0
                                                            )
                                                        }
                                                    "
                                                    v-model:value="formData.areaName"
                                                    :options="directionList"
                                                    allowClear
                                                /> </a-form-item
                                        ></a-col>
                                        <a-col :span="3" style="display: flex; justify-content: end; top: -12px">
                                            <a-space>
                                                <a-button class="btn-color" @click="handlerSearch">查询</a-button>
                                                <a-button class="border-btn" @click="handlerReset">重置</a-button>
                                            </a-space>
                                        </a-col>
                                    </a-row>
                                </a-form>
                            </div>
                            <div class="chart-content">
                                <div class="chart1-main">
                                    <div class="top-title"> 方案转移统计趋势图 </div>

                                    <div ref="chart1" class="chart1-div"></div>
                                </div>
                                <div class="chart2-main">
                                    <div class="top-title"> 方案整体转移情况 </div>
                                    <div class="chart2" ref="chart2"></div>
                                </div>
                            </div>
                            <div style="margin-top: 16px">
                                <div class="top-title-third">
                                    <a-row :gutter="24" style="height: 32px; line-height: 32px; margin-bottom: 16px">
                                        <a-col :span="2">统计分析列表</a-col>
                                        <a-col :span="22" style="display: flex; justify-content: end">
                                            <a-button @click="handlerExport" class="btn-color">导出</a-button>
                                        </a-col>
                                    </a-row>
                                </div>
                                <a-table
                                    :columns="tableColumns"
                                    :dataSource="tableDataSource"
                                    size="small"
                                    :row-class-name="
                                        (_record, index) =>
                                            index % 2 === 1 ? 'table-striped-even' : 'table-striped-odd'
                                    "
                                    :pagination="pagination1"
                                />
                            </div>
                        </div>
                        <!-- end vid_wzqef5c2kn 自定义模板_ijf05cypes -->
                    </a-tab-pane>
                </a-tabs>
                <!-- end vid_qch36935ug 标签页_kn7du8lfc0 -->
            </al-box>
            <!-- end vid_nr7n4ea6ae 容器_ln1at9jj6f -->
        </a-spin>
    </div>
</template>
<script setup>
import {
    h,
    ref,
    reactive,
    toRaw,
    markRaw,
    watch,
    computed,
    onBeforeMount,
    onMounted,
    onBeforeUnmount,
    onUnmounted,
    onActivated,
    onDeactivated
} from 'vue'
import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
const route = useRoute()
import { get, post, put, del, request, requestWithHeaders } from '@/utils/http/Axios'
import {
    cloneDeep,
    isNullOrEmpty,
    isEmptyArr,
    isNullOrUnDef,
    localGet,
    isContained,
    isArray,
    isEmpty,
    merge,
    getDifferenceArray,
    isObject,
    traversalTreeStructure,
    checkCaseCondition,
    renderStringInTemplate,
    handleBreadcrumbJump,
    throttle,
    permission
} from '@/utils/index'
import dayjs from 'dayjs'
import { getPagePcChartsDataSourceConvert } from '@/utils/chart'
import { message, notification, Modal } from 'ant-design-vue'
import { propertyFormatByNumber, propertyFormatByPercentage, propertyFormatByDate } from '@/utils/format'
/*** PUBLISH_EXEGESIS ***
    import UserTableRecords from '@/model/UserTableRecords';
    *** PUBLISH_EXEGESIS ***/

import TextTableCell from '@/components/page/tableCell/text.vue'
import NumberTableCell from '@/components/page/tableCell/number.vue'
import ProgressTableCell from '@/components/page/tableCell/progress.vue'
import OptionsTableCell from '@/components/page/tableCell/options.vue'
import DatePickerTableCell from '@/components/page/tableCell/datePicker.vue'
import RangePickerTableCell from '@/components/page/tableCell/rangePicker.vue'
import RangeNumberTableCell from '@/components/page/tableCell/rangeNumber.vue'
import BoolTableCell from '@/components/page/tableCell/bool.vue'

// 获取传入的流程ID
const props = defineProps({
    processInstanceId: {
        type: String
    }
})
const immediateWatch = (source, callback) => {
    watch(source, callback, { deep: true, immediate: true })
}

/* -------------------------- 属性定义 -------------------------- */

const setTimeOutList = []
const pageLoading = reactive({
    loading: false,
    tip: undefined
})

const vid_v4212jnmkb_props = reactive({
    visible: false
})

const vid_x6qegj51ub_props = reactive({
    visible: false
})

const vid_8wfsrcwzd3_props = reactive({
    show: false,
    type: 'error',
    content: '修改失败',
    duration: 3
})

const vid_vbetpq8kpy_props = reactive({
    show: false,
    type: 'success',
    content: '修改成功',
    duration: 3
})

const vid_kwredh5kzd_props = reactive({
    show: false,
    type: 'error',
    content: '对比失败，请核对方案后重试',
    duration: 3
})

const vid_bhzwvzhxou_props = reactive({
    show: false,
    type: 'error',
    content: undefined,
    duration: 3
})

const vid_7byk5tru5q_props = reactive({
    show: false,
    type: 'success',
    content: '创建成功',
    duration: 3
})

const vid_dpushdwkdv_props = reactive({
    show: false,
    type: 'success',
    content: '删除成功',
    duration: 3
})

const vid_5imosqnff9_props = reactive({
    show: false,
    type: 'error',
    content: '删除失败',
    duration: 3
})

const vid_gezdo1s6lf_props = reactive({
    show: false,
    type: 'success',
    content: '导入成功',
    duration: 3
})

const vid_mnwpzppxzr_props = reactive({
    show: false,
    type: 'error',
    content: undefined,
    duration: 3
})

const vid_e1r0zaz209_props = reactive({
    show: false,
    type: 'success',
    content: '导出成功',
    duration: 3
})

const vid_2s2w79ylo8_props = reactive({
    show: false,
    type: 'error',
    content: '导出失败',
    duration: 3
})

const vid_ilobqz78wl_props = reactive({
    visible: false
})

const vid_zykdtp1eva_props = reactive({
    systemSort: [],
    sorter: {},
    editRowSaveLoading: {},
    currentRow: {
        startDate: '',
        id: '',
        unTransferType: '',
        unTransferReason: '',
        createdByName: '',
        createdDate: '',
        formulaTrackTransferId: ''
    },
    selectedRowList: {
        id: [],
        name: [],
        custom1: [],
        custom2: [],
        custom3: [],
        custom4: [],
        startDate: [],
        unTransferType: [],
        unTransferReason: [],
        createdByName: [],
        createdDate: [],
        formulaTrackTransferId: []
    },
    totalNumber: undefined,
    rt_tableConfig: {
        basic: {
            title: '',
            rowKey: 'id',
            rowSelection: false,
            showSequenceNumber: false,
            rowEdit: { editText: '编辑', saveText: '保存', cancelText: '取消' }
        },
        style: {
            headerStyle: {
                lintHeight: 40,
                borderWidth: 1,
                borderColor: '#D9D9D9',
                backgroundColor: '#F5F5F5',
                enableTextStyle: true,
                fontFamily: 'arial, helvetica, "microsoft yahei";',
                fontSize: 14,
                textWeight: '600',
                textColor: '#262626'
            },
            contentStyle: {
                lintHeight: 40,
                borderWidth: 1,
                borderColor: '#D9D9D9',
                oddLineBackColor: '#FFFFFF',
                evenLineBackColor: '#FAFAFA',
                enableContentStyle: true,
                fontFamily: 'arial, helvetica, "microsoft yahei";',
                fontSize: 14,
                textWeight: '400',
                textColor: '#262626'
            },
            paginationStyle: { size: 'default', layout: 'bottomRight' }
        },
        layout: { operationColumnFixed: 'default', showHeader: true, sticky: false },
        scroll: { x: 'max-content', y: '', scrollToFirstRowOnChange: true },
        pagination: {
            enable: true,
            sync: true,
            current: 1,
            pageSize: 10,
            showSizeChanger: false,
            pageSizeOptions: '10,20,30,40',
            showTotal: true,
            showQuickJumper: false,
            simple: false,
            hideOnSinglePage: false
        }
    },
    columnList: [
        {
            id: 'kyh708d4zj',
            dataIndex: 'startDate',
            headerComment: false,
            title: '跟踪日期',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: '1i9c9qtrbl',
            dataIndex: 'unTransferType',
            headerComment: false,
            title: '未转移分类',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'trql3ujbds',
            dataIndex: 'unTransferReason',
            headerComment: false,
            title: '未转移具体原因',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'e7jsadp3tq',
            dataIndex: 'createdByName',
            headerComment: false,
            title: '创建人',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'h51uz2qsrz',
            dataIndex: 'createdDate',
            headerComment: false,
            title: '创建日期',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            dataIndex: 'vid_zykdtp1eva_operation',
            title: '操作'
        }
    ],
    rawColumnList: [],
    // 进行行合并所需的排序规则，必须将其加到排序字段的前面，以实现合并单元格
    rowMergeSort: [],
    // 完整的排序规则：需要将行合并的排序规则和排序字段的排序规则赋给该属性；调接口时会使用其作为排序条件
    systemSort: [],
    // 条件格式需要的边界值映射：key为边界值id，value为边界值数据
    boundaryValueMap: {},
    // 表格单元格内容渲染需要的外部数据源：key为列，value为该列单元格的外部数据源配置
    contentDataSource: {}
})

const vid_fentex9qnx_props = reactive({
    visible: false
})

const vid_8nsbjihdrv_props = reactive({
    formModel: {
        n_q0fustbrjt: '',
        x_3h0yqqi7kq: '',
        t_okqt6bub2n: '',
        c_z5b8wam698: '',
        j_kkn9c2skk4: '',
        s_o7i501qelz: '',
        r_oo4ymohw8g: '',
        q_nkurcp0qeu: '',
        u_wefzv31oan: '',
        l_6ro0sbfxsa: '',
        p_xxbg9igq47: ''
    }
})

const vid_m3ygxklcl4_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_4pr8sphg96_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_vjc80gdtld_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_ccqx90x1lj_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_vwn4r2mpng_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_0q41l1fcuo_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_vnxqpgfpy7_props = reactive({
    value: undefined
})

const vid_6khgr533fo_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_8awdjuqo08_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_xtftqtwig3_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_03mzbgo85b_props = reactive({
    value: ''
})

const vid_496qrhmgfb_props = reactive({
    visible: false
})

const vid_s5cul3k4e2_props = reactive({
    formModel: {
        v_m2blvbeczk: '',
        s_w71h8ba7la: '',
        h_d7fx8rvuvc: '',
        t_fi7pwrkes3: '',
        g_z8nbetjkgo: '',
        x_b07gmfoz1e: '',
        q_tzmtu5f5nf: '',
        s_eswl95jc5e: '',
        w_4p9fc8s01z: '',
        h_5t1q00ygpv: '',
        k_io952kahw2: ''
    }
})

const vid_v1fjy9bxyf_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_fcl682x7re_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_r53ty6hx4e_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_e3q9ux78ab_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_284yjv2bln_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_x5o54pcdkl_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_9rvrvkonxs_props = reactive({
    value: undefined
})

const vid_mqz08n6st1_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_czbjsjxesu_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_bn7iilh11v_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_8zfpbexurv_props = reactive({
    value: undefined
})

const vid_qsy77g9ikc_props = reactive({
    visible: false
})

const vid_2s8x9jxier_props = reactive({
    formModel: { x_lzkdkf1297: '', p_vibafyuqxm: '', t_j7x8obssm1: '' }
})

const vid_5mmtbe56rp_props = reactive({
    showTime: undefined,
    value: ''
})

const vid_q7qlj4do5h_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_fpxaz98rk6_props = reactive({
    value: ''
})

const vid_3q25y033bh_props = reactive({
    visible: false
})

const vid_qvrexg61dp_props = reactive({
    formModel: { r_vtkmlqweeg: '', w_7z7l404s8q: '', e_8ke1xftsmq: '' }
})

const vid_95bt24rs0d_props = reactive({
    showTime: undefined,
    value: undefined
})

const vid_w9cbontfqa_props = reactive({
    selected: { option: {}, value: '', label: '' },
    searchValue: undefined,
    value: undefined
})

const vid_wjt9i3gm5j_props = reactive({
    value: undefined
})

const vid_gufmzknfon_props = reactive({
    rt_showIcon: false
})

const vid_qch36935ug_props = reactive({
    activeKey: 'Tab1'
})

const vid_rwmg3j0v5j_props = reactive({
    formModel: {
        c_gdlun85j1y: '',
        q_54kopa0vw7: '',
        p_0txlz3kh5y: '',
        i_dxn656xixx: '',
        i_q02c81pdd8: '',
        g_sx9avbxdam: '',
        v_g5y24tsvme: ''
    }
})

const vid_ja34x6q0r0_props = reactive({
    selected: { label: '', value: '', option: {} },
    searchValue: undefined,
    value: undefined
})

const vid_yhkyornzf6_props = reactive({
    selected: { label: '', value: '', option: {} },
    searchValue: undefined,
    value: undefined
})

const vid_v4dhr4y9q8_props = reactive({
    selected: { label: '', value: '', option: {} },
    searchValue: undefined,
    value: undefined
})

const vid_sjly6hw257_props = reactive({
    selected: { label: '', value: '', option: {} },
    searchValue: undefined,
    value: undefined
})

const vid_d6cudatukk_props = reactive({
    selected: { label: '', value: '', option: {} },
    searchValue: undefined,
    value: undefined
})

const vid_lrbdoz5q9p_props = reactive({
    selected: { label: '', value: '', option: {} },
    searchValue: undefined,
    value: undefined
})

const vid_7ins287mv4_props = reactive({
    value: ''
})

const vid_5cydfrsnn5_props = reactive({
    uploadFile: data =>
        request({
            url: '/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/',
            method: 'POST',
            responseType: 'blob',
            withCredentials: false,
            data,
            timeout: 360000,
            headers: {}
        }),
    errorMsg: undefined,
    fileList: []
})

const vid_absa0egnal_props = reactive({
    systemSort: [],
    sorter: {},
    editRowSaveLoading: {},
    currentRow: {
        marketOrganizationName: '',
        deptName: '',
        userName: '',
        areaName: '',
        customerName: '',
        originCompanyName: '',
        adjustCompanyName: '',
        transferTarget: '',
        transferAmount: '',
        transferStatus: '',
        transferAmountRatio: '',
        packageName: '',
        transportType: '',
        id: '',
        formulaTrackId: '',
        unTransferType: '',
        unTransferReason: '',
        remarks: ''
    },
    selectedRowList: {
        id: [],
        name: [],
        custom1: [],
        custom2: [],
        custom3: [],
        custom4: [],
        custom5: [],
        custom6: [],
        custom7: [],
        custom8: [],
        custom9: [],
        custom10: [],
        marketOrganizationName: [],
        deptName: [],
        userName: [],
        areaName: [],
        customerName: [],
        originCompanyName: [],
        adjustCompanyName: [],
        transferTarget: [],
        transferAmount: [],
        transferStatus: [],
        transferAmountRatio: [],
        packageName: [],
        transportType: [],
        formulaTrackId: [],
        unTransferType: [],
        unTransferReason: [],
        remarks: []
    },
    totalNumber: undefined,
    rt_tableConfig: {
        basic: {
            title: '',
            rowKey: 'id',
            rowSelection: false,
            showSequenceNumber: true,
            rowEdit: { editText: '编辑', saveText: '保存', cancelText: '取消' }
        },
        style: {
            headerStyle: {
                lintHeight: 40,
                borderWidth: 1,
                borderColor: '#D9D9D9',
                backgroundColor: '#F5F5F5',
                enableTextStyle: true,
                fontFamily: 'arial, helvetica, "microsoft yahei";',
                fontSize: 14,
                textWeight: '600',
                textColor: '#262626'
            },
            contentStyle: {
                lintHeight: 40,
                borderWidth: 1,
                borderColor: '#D9D9D9',
                oddLineBackColor: '#FFFFFF',
                evenLineBackColor: '#FAFAFA',
                enableContentStyle: true,
                fontFamily: 'arial, helvetica, "microsoft yahei";',
                fontSize: 14,
                textWeight: '400',
                textColor: '#262626'
            },
            paginationStyle: { size: 'default', layout: 'bottomRight' }
        },
        layout: { operationColumnFixed: 'default', showHeader: true, sticky: false },
        scroll: { x: 'max-content', y: '', scrollToFirstRowOnChange: true },
        pagination: {
            enable: true,
            sync: true,
            current: 1,
            pageSize: 10,
            showSizeChanger: false,
            pageSizeOptions: '10,20,30,40',
            showTotal: true,
            showQuickJumper: false,
            simple: false,
            hideOnSinglePage: false
        }
    },
    columnList: [
        {
            dataIndex: 'vid_absa0egnal_serialNumber',
            title: '序号',
            resizable: true
        },
        {
            id: 'suao1t6089',
            dataIndex: 'marketOrganizationName',
            headerComment: false,
            title: '营销部',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'b7ymqbdxtu',
            dataIndex: 'deptName',
            headerComment: false,
            title: '部门',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'km1w8bcwp0',
            dataIndex: 'userName',
            headerComment: false,
            title: '业务员',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: '0l4fx52cu1',
            dataIndex: 'areaName',
            headerComment: false,
            title: '区域流向',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'oajalqbkih',
            dataIndex: 'customerName',
            headerComment: false,
            title: '客商名称',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'ixcrii5cdu',
            dataIndex: 'originCompanyName',
            headerComment: false,
            title: '原发货企业',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'v9mry9nxy1',
            dataIndex: 'adjustCompanyName',
            headerComment: false,
            title: '调整后发货企业',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'vi3bghuoao',
            dataIndex: 'transferTarget',
            headerComment: false,
            title: '转移量目标(t)',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'ihl16cvxiz',
            dataIndex: 'transferAmount',
            headerComment: false,
            title: '已转移量(t)',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'eim4x8rxti',
            dataIndex: 'transferStatus',
            headerComment: false,
            title: '转移状态',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'go69hro0ve',
            dataIndex: 'transferAmountRatio',
            headerComment: false,
            title: '转移进度',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'PROCESS',
            contentConfig: {
                boolConfig: 'collection',
                format: null,
                defaultStyle: {
                    unit: '%',
                    processType: 'line',
                    strokeColor: '#D7000F',
                    strokeBgColor: '#FBE5E7',
                    textColor: '#262626',
                    sizeType: 'big',
                    showText: true,
                    textSite: 'center'
                },
                conditionStyle: [],
                dataSourceConfig: null
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            width: '180px',
            resizable: true
        },
        {
            id: 'fblsmv5659',
            dataIndex: 'packageName',
            headerComment: false,
            title: '包装形式',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: 'njjns25hwa',
            dataIndex: 'transportType',
            headerComment: false,
            title: '运输方式',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: '8bqzqugknn',
            dataIndex: 'unTransferType',
            headerComment: false,
            title: '未转化分类',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: '3nosxu14no',
            dataIndex: 'unTransferReason',
            headerComment: false,
            title: '未转化原因',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            id: '6xgg67woc8',
            dataIndex: 'remarks',
            headerComment: false,
            title: '备注',
            ellipsis: false,
            contentAlign: 'left',
            customHeaderCell: () => ({ style: { 'text-align': 'left' } }),
            rowEdit: false,
            rowEditConditions: [],
            contentType: 'TEXT',
            contentConfig: {
                format: null,
                defaultStyle: null,
                conditionStyle: [],
                dataSourceConfig: null,
                boolConfig: 'collection'
            },
            // 使用插槽的列，设置单元格padding为0，padding样式在内容插槽中已加，以便内容插槽设置背景色时可以占满整个单元格；该样式会在计算属性生成列配置时加入customCell
            customCellStyle: { padding: 0 },
            resizable: true
        },
        {
            dataIndex: 'vid_absa0egnal_operation',
            title: '操作'
        }
    ],
    rawColumnList: [],
    // 进行行合并所需的排序规则，必须将其加到排序字段的前面，以实现合并单元格
    rowMergeSort: [],
    // 完整的排序规则：需要将行合并的排序规则和排序字段的排序规则赋给该属性；调接口时会使用其作为排序条件
    systemSort: [],
    // 条件格式需要的边界值映射：key为边界值id，value为边界值数据
    boundaryValueMap: {},
    // 表格单元格内容渲染需要的外部数据源：key为列，value为该列单元格的外部数据源配置
    contentDataSource: {}
})
// ---------------------------- 定义模型数据 ----------------------------

const r_1hm8370hye = reactive({ p_xxbg9igq47: '' })

const c_xq6gi5jbvh = reactive({})

const k_rmhyffdym6 = reactive({ x_lzkdkf1297: '', t_j7x8obssm1: '' })

const t_okssrdqqdd = reactive({})

const i_cggi6e08gi = reactive({ v_g5y24tsvme: '' })

// ============================ 定义模型数据 ============================

const r_1hm8370hye_rules = reactive({
    n_q0fustbrjt: [{ required: true, message: '请选择部门!', trigger: 'blur' }],
    x_3h0yqqi7kq: [{ required: true, message: '请输入式样编号!', trigger: 'blur' }],
    t_okqt6bub2n: [{ required: true, message: '请选择区域流向!', trigger: 'blur' }],
    c_z5b8wam698: [{ required: true, message: '请选择业务员!', trigger: 'blur' }],
    j_kkn9c2skk4: [{ required: true, message: '请选择调整后发货企业!', trigger: 'blur' }],

    r_oo4ymohw8g: [{ required: true, message: '请输入转移量目标!', trigger: 'blur' }],
    q_nkurcp0qeu: [{ required: true, message: '请选择客商名称!', trigger: 'blur' }],
    u_wefzv31oan: [{ required: true, message: '请输入运输方式!', trigger: 'blur' }],
    l_6ro0sbfxsa: [{ required: true, message: '请选择包装形式!', trigger: 'blur' }]
})

const c_xq6gi5jbvh_rules = reactive({
    v_m2blvbeczk: [{ required: true, message: '请选择部门!', trigger: 'blur' }],
    s_w71h8ba7la: [{ required: true, message: '请输入式样编号!', trigger: 'blur' }],
    h_d7fx8rvuvc: [{ required: true, message: '请选择区域流向!', trigger: 'blur' }],
    t_fi7pwrkes3: [{ required: true, message: '请选择业务员!', trigger: 'blur' }],
    g_z8nbetjkgo: [{ required: true, message: '请选择调整后发货企业!', trigger: 'blur' }],

    q_tzmtu5f5nf: [{ required: true, message: '请输入转移量目标!', trigger: 'blur' }],
    s_eswl95jc5e: [{ required: true, message: '请选择客商名称!', trigger: 'blur' }],
    w_4p9fc8s01z: [{ required: true, message: '请输入运输方式!', trigger: 'blur' }],
    h_5t1q00ygpv: [{ required: true, message: '请选择包装形式!', trigger: 'blur' }]
})

const k_rmhyffdym6_rules = reactive({
    x_lzkdkf1297: [{ required: true, message: '请选择开始日期!', trigger: 'blur' }],
    p_vibafyuqxm: [{ required: true, message: '请选择未转移分类!', trigger: 'blur' }]
})

const t_okssrdqqdd_rules = reactive({
    r_vtkmlqweeg: [{ required: true, message: '请选择开始日期!', trigger: 'blur' }],
    w_7z7l404s8q: [{ required: true, message: '请选择未转移分类!', trigger: 'blur' }]
})

const i_cggi6e08gi_rules = reactive({})

// 处理校验
const setSubFormName = (parentInfo, name) => {
    return [parentInfo.parents, parentInfo.cycleIndex, name]
}

const vid_zykdtp1eva_options_raw = ref([])

const vid_zykdtp1eva_options = computed(() => {
    return () => vid_zykdtp1eva_options_raw.value
})

const vid_m3ygxklcl4_options_raw = ref([])

const vid_m3ygxklcl4_options = computed(() => {
    return (dataSource = vid_m3ygxklcl4_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_4pr8sphg96_options_raw = ref([])

const vid_4pr8sphg96_options = computed(() => {
    return (dataSource = vid_4pr8sphg96_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_vjc80gdtld_options_raw = ref([])

const vid_vjc80gdtld_options = computed(() => {
    return (dataSource = vid_vjc80gdtld_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_ccqx90x1lj_options_raw = ref([])

const vid_ccqx90x1lj_options = computed(() => {
    return (dataSource = vid_ccqx90x1lj_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_vwn4r2mpng_options_raw = ref([])

const vid_vwn4r2mpng_options = computed(() => {
    return (dataSource = vid_vwn4r2mpng_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_0q41l1fcuo_options_raw = ref([])

const vid_0q41l1fcuo_options = computed(() => {
    return (dataSource = vid_0q41l1fcuo_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_6khgr533fo_options_raw = ref([])

const vid_6khgr533fo_options = computed(() => {
    return (dataSource = vid_6khgr533fo_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_8awdjuqo08_options_raw = ref([])

const vid_8awdjuqo08_options = computed(() => {
    return (dataSource = vid_8awdjuqo08_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.name,
                label: item.name,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_xtftqtwig3_options_raw = ref([])

const vid_xtftqtwig3_options = computed(() => {
    return (dataSource = vid_xtftqtwig3_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.packageName,
                label: item.packageName,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_v1fjy9bxyf_options_raw = ref([])

const vid_v1fjy9bxyf_options = computed(() => {
    return (dataSource = vid_v1fjy9bxyf_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_fcl682x7re_options_raw = ref([])

const vid_fcl682x7re_options = computed(() => {
    return (dataSource = vid_fcl682x7re_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_r53ty6hx4e_options_raw = ref([])

const vid_r53ty6hx4e_options = computed(() => {
    return (dataSource = vid_r53ty6hx4e_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_e3q9ux78ab_options_raw = ref([])

const vid_e3q9ux78ab_options = computed(() => {
    return (dataSource = vid_e3q9ux78ab_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_284yjv2bln_options_raw = ref([])

const vid_284yjv2bln_options = computed(() => {
    return (dataSource = vid_284yjv2bln_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_x5o54pcdkl_options_raw = ref([])

const vid_x5o54pcdkl_options = computed(() => {
    return (dataSource = vid_x5o54pcdkl_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_mqz08n6st1_options_raw = ref([])

const vid_mqz08n6st1_options = computed(() => {
    return (dataSource = vid_mqz08n6st1_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                label: item.value,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_czbjsjxesu_options_raw = ref([])

const vid_czbjsjxesu_options = computed(() => {
    return (dataSource = vid_czbjsjxesu_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.name,
                label: item.name,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_bn7iilh11v_options_raw = ref([])

const vid_bn7iilh11v_options = computed(() => {
    return (dataSource = vid_bn7iilh11v_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.packageName,
                label: item.packageName,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_q7qlj4do5h_options_raw = ref([])

const vid_q7qlj4do5h_options = computed(() => {
    return (dataSource = vid_q7qlj4do5h_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.name,
                label: item.name,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_w9cbontfqa_options_raw = ref([])

const vid_w9cbontfqa_options = computed(() => {
    return (dataSource = vid_w9cbontfqa_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.name,
                label: item.name,
                disabled: !!item.disabled
            }
        })
    }
})

const vid_ja34x6q0r0_options_raw = ref([])

const vid_ja34x6q0r0_options = computed(() => {
    return (dataSource = vid_ja34x6q0r0_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                disabled: !!item.disabled,
                label: item.value
            }
        })
    }
})

const vid_yhkyornzf6_options_raw = ref([])

const vid_yhkyornzf6_options = computed(() => {
    return (dataSource = vid_yhkyornzf6_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                disabled: !!item.disabled,
                label: item.value
            }
        })
    }
})

const vid_v4dhr4y9q8_options_raw = ref([])

const vid_v4dhr4y9q8_options = computed(() => {
    return (dataSource = vid_v4dhr4y9q8_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                disabled: !!item.disabled,
                label: item.value
            }
        })
    }
})

const vid_sjly6hw257_options_raw = ref([])

const vid_sjly6hw257_options = computed(() => {
    return (dataSource = vid_sjly6hw257_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                disabled: !!item.disabled,
                label: item.value
            }
        })
    }
})

const vid_d6cudatukk_options_raw = ref([])

const vid_d6cudatukk_options = computed(() => {
    return (dataSource = vid_d6cudatukk_options_raw.value) => {
        return (dataSource || []).map(item => {
            return {
                ...item,
                value: item.value,
                disabled: !!item.disabled,
                label: item.value
            }
        })
    }
})

const vid_lrbdoz5q9p_options_raw = ref([
    { label: '已转移', value: '已转移已转移' },
    { label: '未转移', value: '未转移' }
])

const vid_lrbdoz5q9p_options = computed(() => {
    return () => vid_lrbdoz5q9p_options_raw.value
})

const vid_absa0egnal_options_raw = ref([])

const vid_absa0egnal_options = computed(() => {
    return () => vid_absa0egnal_options_raw.value
})

// 图表组件 表格_yxfk04pyhw 条件格式数据依赖
const vid_zykdtp1eva_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_pca4ogxne5 条件格式数据依赖
const vid_m3ygxklcl4_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_wki9uhoidl 条件格式数据依赖
const vid_4pr8sphg96_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_f0ksdu0wm9 条件格式数据依赖
const vid_vjc80gdtld_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_yvhx236dyi 条件格式数据依赖
const vid_ccqx90x1lj_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_vmvi375k4t 条件格式数据依赖
const vid_vwn4r2mpng_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_hljaszeynt 条件格式数据依赖
const vid_0q41l1fcuo_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_m9doih8g0u 条件格式数据依赖
const vid_6khgr533fo_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_2qrpytck05 条件格式数据依赖
const vid_8awdjuqo08_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_6obv91q1r1 条件格式数据依赖
const vid_xtftqtwig3_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_55slguckws 条件格式数据依赖
const vid_v1fjy9bxyf_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_2htr3nk4hl 条件格式数据依赖
const vid_fcl682x7re_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_mzukxw2f29 条件格式数据依赖
const vid_r53ty6hx4e_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_gsxmjtwopj 条件格式数据依赖
const vid_e3q9ux78ab_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_79u2mrtu40 条件格式数据依赖
const vid_284yjv2bln_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_zvri839cn9 条件格式数据依赖
const vid_x5o54pcdkl_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_qr7ahcl7xk 条件格式数据依赖
const vid_mqz08n6st1_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_ftst5o59sf 条件格式数据依赖
const vid_czbjsjxesu_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_ihudqtdbet 条件格式数据依赖
const vid_bn7iilh11v_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_6jid5xds50 条件格式数据依赖
const vid_q7qlj4do5h_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_jfspqgtquk 条件格式数据依赖
const vid_w9cbontfqa_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_adjustCompanyName 条件格式数据依赖
const vid_ja34x6q0r0_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_areaName 条件格式数据依赖
const vid_yhkyornzf6_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_deptName 条件格式数据依赖
const vid_v4dhr4y9q8_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_marketOrganizationName 条件格式数据依赖
const vid_sjly6hw257_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_userName 条件格式数据依赖
const vid_d6cudatukk_chartConditionDependencyMap = ref({})
// 图表组件 下拉框_transferStatus 条件格式数据依赖
const vid_lrbdoz5q9p_chartConditionDependencyMap = ref({})
// 图表组件 表格_73pqh3wh30 条件格式数据依赖
const vid_absa0egnal_chartConditionDependencyMap = ref({})
/* ========================== 属性定义 ========================== */

/* -------------------------- 元素数据引用 -------------------------- */
// 组件 表单容器_473ym1hn5g ref 的引用
const vid_8nsbjihdrv_ref = ref(null)
// 组件 表单容器_h2hy2k722o ref 的引用
const vid_2s8x9jxier_ref = ref(null)
// 组件 表单容器_0qnlr3q4ot ref 的引用
const vid_rwmg3j0v5j_ref = ref(null)
// 组件 表格_73pqh3wh30 ref 的引用
const vid_absa0egnal_ref = ref(null)

/* ========================== 元素数据引用 ========================== */

/* -------------------------- 页面数据 -------------------------- */

// 页面数据 方案跟踪转移量查询
const dataConnector_conn_bz3clge6cf_response = ref()
const dataConnector_conn_bz3clge6cf = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            filter: {
                originCompanyName: null,
                deptName: null,
                formulaTrackId: null,
                areaName: null,
                marketOrganizationName: null,
                adjustCompanyName: null,
                userName: null,
                customerName: null
            },
            pageNo: vid_absa0egnal_props?.rt_tableConfig.pagination.current,
            pageSize: vid_absa0egnal_props?.rt_tableConfig.pagination.pageSize,
            sort: null
        }
        params.filter.originCompanyName = null
        params.filter.deptName = i_cggi6e08gi.p_0txlz3kh5y
        params.filter.transferStatus = i_cggi6e08gi.g_sx9avbxdam
        params.filter.formulaTrackId = pageParameter_state.formulaTrackId
        params.filter.areaName = i_cggi6e08gi.q_54kopa0vw7
        params.filter.marketOrganizationName = i_cggi6e08gi.i_dxn656xixx
        params.filter.adjustCompanyName = i_cggi6e08gi.c_gdlun85j1y
        params.filter.userName = i_cggi6e08gi.i_q02c81pdd8
        params.filter.customerName = i_cggi6e08gi.v_g5y24tsvme
        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/search'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_bz3clge6cf_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 字典管理_部门
const dataConnector_conn_bxcvaru0qh_response = ref()
const dataConnector_conn_bxcvaru0qh = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            keyColumn: 'dept_code',
            valueColumn: 'dept_name',
            type: 'dept',
            tableName: 't_nfsn_dept'
        }

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/dg/dict/search'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_bxcvaru0qh_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 字典管理_区域流向
const dataConnector_conn_zyl8ncttxe_response = ref()
const dataConnector_conn_zyl8ncttxe = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            keyColumn: 'area_code',
            valueColumn: 'area_name',
            type: null,
            tableName: 't_nfsn_area'
        }

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/dg/dict/search'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_zyl8ncttxe_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 字典管理_发货企业
const dataConnector_conn_ay8wdy08x9_response = ref()
const dataConnector_conn_ay8wdy08x9 = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            keyColumn: 'company_code',
            valueColumn: 'company_name',
            type: null,
            tableName: 't_nfsn_company'
        }

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/dg/dict/search'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_ay8wdy08x9_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 字典管理_营销中心
const dataConnector_conn_qipv35x8s5_response = ref()
const dataConnector_conn_qipv35x8s5 = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            keyColumn: 'dept_code',
            valueColumn: 'dept_name',
            type: 'market',
            tableName: 't_nfsn_dept'
        }

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/dg/dict/search'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_qipv35x8s5_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 字典管理_客商
const dataConnector_conn_amt2f75tj3_response = ref()
const dataConnector_conn_amt2f75tj3 = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            keyColumn: 'customer_code',
            valueColumn: 'customer_name',
            type: null,
            tableName: 't_nfsn_customer'
        }

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/dg/dict/search'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_amt2f75tj3_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 字典管理_业务员
const dataConnector_conn_znvfdk4xro_response = ref()
const dataConnector_conn_znvfdk4xro = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            keyColumn: 'user_code',
            valueColumn: 'user_name',
            type: null,
            tableName: 't_nfsn_user'
        }

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/dg/dict/search'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_znvfdk4xro_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 方案跟踪转移创建
const dataConnector_conn_n3dai1zia3_response = ref()
const dataConnector_conn_n3dai1zia3 = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            originCompanyName: r_1hm8370hye.s_o7i501qelz,
            deptName: r_1hm8370hye.n_q0fustbrjt,
            formulaTrackId: pageParameter_state.formulaTrackId,
            unTransferReason: null,
            marketOrganizationName: r_1hm8370hye.x_3h0yqqi7kq,
            transferAmount: null,
            userName: r_1hm8370hye.c_z5b8wam698,
            unTransferType: null,
            customerName: r_1hm8370hye.q_nkurcp0qeu,
            transferTarget: r_1hm8370hye.r_oo4ymohw8g,
            areaName: r_1hm8370hye.t_okqt6bub2n,
            adjustCompanyName: r_1hm8370hye.j_kkn9c2skk4,
            transportType: r_1hm8370hye.u_wefzv31oan,
            packageName: r_1hm8370hye.l_6ro0sbfxsa,
            remarks: r_1hm8370hye.p_xxbg9igq47
        }

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/create'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_n3dai1zia3_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 分页基础信息列表_分类
const dataConnector_conn_tx1wlt3vl0_response = ref()
const dataConnector_conn_tx1wlt3vl0 = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            filter: {
                createdByName: null,
                comments: null,
                createdDate: null,
                lastModifyBy: null,
                createdBy: null,
                name: null,
                baseTypeId: null,
                lastModifiedByName: null,
                id: null,
                lastModifyDate: null
            },
            pageNo: 1,
            pageSize: 100,
            sort: null
        }
        params.filter.createdByName = null
        params.filter.comments = null
        params.filter.createdDate = null
        params.filter.lastModifyBy = null
        params.filter.createdBy = null
        params.filter.name = null
        params.filter.baseTypeId = 3
        params.filter.lastModifiedByName = null
        params.filter.id = null
        params.filter.lastModifyDate = null
        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/base_info/search'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_tx1wlt3vl0_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 方案跟踪删除
const dataConnector_conn_9ldgkzkobo_response = ref()
const dataConnector_conn_9ldgkzkobo = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {}

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/formula_track_transfer_register/{id}'
        // 替换url中的变量
        url = url.replace('{id}', String(vid_zykdtp1eva_props?.currentRow.id))
        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return del(url, { data: params })
            .then(async resp => {
                dataConnector_conn_9ldgkzkobo_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 方案跟踪登记
const dataConnector_conn_ybkfbb3k0b_response = ref()
const dataConnector_conn_ybkfbb3k0b = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            filter: { formulaTrackTransferId: null },
            pageNo: vid_zykdtp1eva_props?.rt_tableConfig.pagination.current,
            pageSize: vid_zykdtp1eva_props?.rt_tableConfig.pagination.pageSize,
            sort: { field: 'lastModifiedDate', direction: 'DESC' }
        }
        params.filter.formulaTrackTransferId = vid_absa0egnal_props?.currentRow.id
        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/formula_track_transfer_register/search'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_ybkfbb3k0b_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 方案跟踪转移量删除
const dataConnector_conn_4nuueqz4sf_response = ref()
const dataConnector_conn_4nuueqz4sf = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {}

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/{id}'
        // 替换url中的变量
        url = url.replace('{id}', String(vid_absa0egnal_props?.currentRow.id))
        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return del(url, { data: params })
            .then(async resp => {
                dataConnector_conn_4nuueqz4sf_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 方案跟踪转移量修改
const dataConnector_conn_tphob0h0j1_response = ref()
const dataConnector_conn_tphob0h0j1 = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            transferTarget: c_xq6gi5jbvh.q_tzmtu5f5nf,
            formulaTrackId: vid_absa0egnal_props?.currentRow.formulaTrackId,
            unTransferReason: null,
            unTransferType: null,
            remarks: c_xq6gi5jbvh.k_io952kahw2
        }

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/modify/{id}'
        // 替换url中的变量
        url = url.replace('{id}', String(vid_absa0egnal_props?.currentRow.id))
        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_tphob0h0j1_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 方案跟踪跟踪修改
const dataConnector_conn_rmisk3csz9_response = ref()
const dataConnector_conn_rmisk3csz9 = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            endDate: null,
            unTransferReason: t_okssrdqqdd.e_8ke1xftsmq,
            formulaTrackTransferId: vid_zykdtp1eva_props?.currentRow.formulaTrackTransferId,
            unTransferType: t_okssrdqqdd.w_7z7l404s8q,
            startDate: t_okssrdqqdd.r_vtkmlqweeg
        }

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/formula_track_transfer_register/modify/{id}'
        // 替换url中的变量
        url = url.replace('{id}', String(vid_zykdtp1eva_props?.currentRow.id))
        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_rmisk3csz9_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 方案跟踪跟踪创建
const dataConnector_conn_4m40vz1bat_response = ref()
const dataConnector_conn_4m40vz1bat = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            endDate: null,
            unTransferReason: k_rmhyffdym6.t_j7x8obssm1,
            formulaTrackTransferId: vid_absa0egnal_props?.currentRow.id,
            unTransferType: k_rmhyffdym6.p_vibafyuqxm,
            startDate: k_rmhyffdym6.x_lzkdkf1297
        }

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/formula_track_transfer_register/create'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_4m40vz1bat_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 发货管理包装字典
const dataConnector_conn_bw4173ni1w_response = ref()
const dataConnector_conn_bw4173ni1w = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {}

        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/dg/package_dict/search'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return get(url, params)
            .then(async resp => {
                dataConnector_conn_bw4173ni1w_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

// 页面数据 分页基础信息列表_运输方式
const dataConnector_conn_5hth7enxt3_response = ref()
const dataConnector_conn_5hth7enxt3 = async (additionParams = {}) => {
    const exec = async () => {
        // 获取参数
        const params = {
            filter: {
                createdByName: null,
                comments: null,
                createdDate: null,
                lastModifyBy: null,
                createdBy: null,
                name: null,
                baseTypeId: null,
                lastModifiedByName: null,
                id: null,
                lastModifyDate: null
            },
            pageNo: 1,
            pageSize: 100,
            sort: null
        }
        params.filter.createdByName = null
        params.filter.comments = null
        params.filter.createdDate = null
        params.filter.lastModifyBy = null
        params.filter.createdBy = null
        params.filter.name = null
        params.filter.baseTypeId = 4
        params.filter.lastModifiedByName = null
        params.filter.id = null
        params.filter.lastModifyDate = null
        // 注入附加的参数
        try {
            merge(params, additionParams)
        } catch (error) {
            console.log(error)
        }
        // 判断加载提示

        // 处理URL
        let url = '/solution-zjcnfsn-distribution/api/v1/base_info/search'
        // 替换url中的变量

        // 排除空参数  日期组件重置后的空参数是[null] 或者[undefined]
        Object.keys(params).forEach(key => {
            if (params[key] === null) {
                delete params[key]
            } else if (Object.prototype.toString.call(params[key]) === '[object Object]') {
                Object.keys(params[key]).forEach(childKey => {
                    if (
                        params[key][childKey] === null ||
                        (Array.isArray(params[key][childKey]) &&
                            params[key][childKey].length === 1 &&
                            isNullOrUnDef(params[key][childKey]?.[0]))
                    ) {
                        delete params[key][childKey]
                    }
                })
            }
        })
        return post(url, params)
            .then(async resp => {
                dataConnector_conn_5hth7enxt3_response.value = resp

                return resp
            })
            .catch(async e => {
                return Promise.reject(e)
            })
            .finally(async () => {})
    }

    return await exec()
}

/* ========================== 页面数据 ========================== */

/* -------------------------- 响应 -------------------------- */

// 页面交互 新建结果提示
const response_wrw64kawdz = async () => {
    const branchList = [
        {
            conditionType: 'EQUALS',
            value: 'failure',
            exec: async () => {
                vid_bhzwvzhxou_props.show = true
            }
        },
        {
            conditionType: 'EQUALS',
            value: 'success',
            exec: async () => {
                vid_7byk5tru5q_props.show = true
                await dataConnector_conn_bz3clge6cf()
            }
        }
    ]

    const matchBranch = branchList.find(item =>
        checkCaseCondition(dataConnector_conn_n3dai1zia3_response?.value?.status, item.conditionType, item.value)
    )
    // 匹配到的分支
    if (matchBranch) {
        matchBranch.exec()
        return
    }
    // 默认分支动作
}

// 页面交互 方案跟踪
const response_innct6x7zv = async () => {
    const query = {}
    const jumpInfo = {
        path: '/app_50000089/page/3000000133', // 跳转地址
        query
    }
    const routeUrl = router.resolve(jumpInfo)
    let url = routeUrl.href
    // 判断是否是MicroApp的子应用
    const microAppData = window.__MICRO_APP_ENVIRONMENT__ || window.eventCenterForViteApp?.getData()
    if (microAppData) {
        const urlList = []
        Object.keys(jumpInfo.query).forEach(item => {
            urlList.push(item + '=' + jumpInfo.query[item])
        })
        // 判断要跳转的地址是否是用户自定义输入的
        const customJumpPath = jumpInfo.path

        // 自定义跳转页面不是其他平台的菜单，则直接使用全路径
        if (customJumpPath.indexOf('/allin-app/') !== -1) {
            // 目标页面是其他平台的菜单
            let jumpPath = customJumpPath.substring(customJumpPath.indexOf('/allin-app/'))
            // 配置有参数，需要加参数添加到路由后面
            if (urlList.length) {
                // 跳转的路径本身带有参数
                if (jumpPath.indexOf('?') !== -1) {
                    jumpPath += '&' + urlList.join('&')
                } else {
                    jumpPath += '?' + urlList.join('&')
                }
            }
            url = location.origin + jumpPath
        } else {
            // 目标页面就是低代码项目本身的页面
            if (location.href.indexOf('/allin-app/') > -1) {
                url = location.origin + location.pathname.split('/allin-app/').shift() + '/allin-app' + url
            } else {
                url = location.origin + '/allin-app' + url
            }
        }
    }
    // 打开新窗口

    if (microAppData) {
        window.location.href = url
    } else {
        router.push(jumpInfo)
    }
}

// 页面交互 删除转移量提示
const response_j62ymt0vrx = async () => {
    const branchList = [
        {
            conditionType: 'IS_NOT_NULL',
            value: undefined,
            exec: async () => {
                vid_5imosqnff9_props.show = true
            }
        },
        {
            conditionType: 'IS_NULL',
            value: undefined,
            exec: async () => {
                vid_dpushdwkdv_props.show = true
                await dataConnector_conn_bz3clge6cf()
            }
        }
    ]

    const matchBranch = branchList.find(item =>
        checkCaseCondition(dataConnector_conn_4nuueqz4sf_response?.value?.errorCode, item.conditionType, item.value)
    )
    // 匹配到的分支
    if (matchBranch) {
        matchBranch.exec()
        return
    }
    // 默认分支动作
}

// 页面交互 新建跟踪结果提示
const response_m5y3zrpc76 = async () => {
    const branchList = [
        {
            conditionType: 'EQUALS',
            value: 'failure',
            exec: async () => {
                vid_bhzwvzhxou_props.show = true
            }
        },
        {
            conditionType: 'EQUALS',
            value: 'success',
            exec: async () => {
                vid_qsy77g9ikc_props.visible = false
                await dataConnector_conn_ybkfbb3k0b()
                // 这里组件可能还未初始化， 这里使用可选链的形式进行函数触发
                try {
                    await vid_2s8x9jxier_ref.value?.resetFields()
                } catch (error) {
                    console.log(error)
                }
            }
        }
    ]

    const matchBranch = branchList.find(item =>
        checkCaseCondition(dataConnector_conn_4m40vz1bat_response?.value?.status, item.conditionType, item.value)
    )
    // 匹配到的分支
    if (matchBranch) {
        matchBranch.exec()
        return
    }
    // 默认分支动作
}

// 页面交互 删除转移量跟踪提示
const response_nfu7xipbhr = async () => {
    const branchList = [
        {
            conditionType: 'IS_NULL',
            value: undefined,
            exec: async () => {
                vid_dpushdwkdv_props.show = true
                await dataConnector_conn_ybkfbb3k0b()
            }
        },
        {
            conditionType: 'IS_NOT_NULL',
            value: undefined,
            exec: async () => {
                vid_5imosqnff9_props.show = true
            }
        }
    ]

    const matchBranch = branchList.find(item =>
        checkCaseCondition(dataConnector_conn_9ldgkzkobo_response?.value?.errorCode, item.conditionType, item.value)
    )
    // 匹配到的分支
    if (matchBranch) {
        matchBranch.exec()
        return
    }
    // 默认分支动作
}

// 页面交互 修改方案跟踪转移跟踪提示
const response_lpizejq4qa = async () => {
    const branchList = [
        {
            conditionType: 'IS_NOT_NULL',
            value: undefined,
            exec: async () => {
                vid_8wfsrcwzd3_props.show = true
            }
        },
        {
            conditionType: 'IS_NULL',
            value: undefined,
            exec: async () => {
                vid_3q25y033bh_props.visible = false
                vid_vbetpq8kpy_props.show = true
                await dataConnector_conn_ybkfbb3k0b()
            }
        }
    ]

    const matchBranch = branchList.find(item =>
        checkCaseCondition(dataConnector_conn_rmisk3csz9_response?.value?.errorCode, item.conditionType, item.value)
    )
    // 匹配到的分支
    if (matchBranch) {
        matchBranch.exec()
        return
    }
    // 默认分支动作
}

// 页面交互 修改转移量提示
const response_whhhvoazzt = async () => {
    const branchList = [
        {
            conditionType: 'IS_NULL',
            value: undefined,
            exec: async () => {
                vid_vbetpq8kpy_props.show = true
                await dataConnector_conn_bz3clge6cf()
            }
        },
        {
            conditionType: 'IS_NOT_NULL',
            value: undefined,
            exec: async () => {
                vid_8wfsrcwzd3_props.show = true
            }
        }
    ]

    const matchBranch = branchList.find(item =>
        checkCaseCondition(dataConnector_conn_tphob0h0j1_response?.value?.errorCode, item.conditionType, item.value)
    )
    // 匹配到的分支
    if (matchBranch) {
        matchBranch.exec()
        return
    }
    // 默认分支动作
}

/* ========================== 响应 ========================== */

/* -------------------------- 函数 -------------------------- */

// 自定义函数 导出excel
const customFunction_slzdiwlyuz = (...params) => {
    post(`/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/export/${specificParamValue}`, null, {
        responseType: 'arraybuffer'
    }).then(res => {
        if (res.data) {
            downloadExcel(res.data, '转移量管理.xlsx')
        } else {
            downloadExcel(res, '转移量管理.xlsx')
        }
    })
}

// 自定义函数 导出模板
const customFunction_masqax9pac = (...params) => {
    post(`/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/download/formula_track_transfer`, null, {
        responseType: 'arraybuffer'
    }).then(res => {
        if (res.data) {
            downloadExcel(res.data, '转移量管理模板.xlsx')
        } else {
            downloadExcel(res, '转移量管理模板.xlsx')
        }
    })
}

// 自定义函数 切换面板
const customFunction_79roqtd2hi = (...params) => {
    handlerSearch()
}

/* ========================== 函数 ========================== */

/* -------------------------- 页面参数 -------------------------- */

const pageParameter_state = reactive({
    processInstanceId: props.processInstanceId,
    formulaTrackId: undefined
})

/* ========================== 页面参数 ========================== */

/* -------------------------- 组件事件处理方法 -------------------------- */

// ---------------------------- 组件数据同步 ----------------------------
// 处理 创建失败 的 content 属性关联
watch(
    () => dataConnector_conn_n3dai1zia3_response?.value?.errorMsg,
    () => {
        vid_bhzwvzhxou_props.content = dataConnector_conn_n3dai1zia3_response?.value?.errorMsg
    },
    { deep: true }
)
// 处理 导入失败 的 content 属性关联
immediateWatch(
    () => vid_5cydfrsnn5_props?.errorMsg,
    () => {
        vid_mnwpzppxzr_props.content = vid_5cydfrsnn5_props?.errorMsg
    }
)
// 处理 表格_yxfk04pyhw 的 systemList 属性关联
watch(
    () => dataConnector_conn_ybkfbb3k0b_response?.value?.data?.content,
    () => {
        vid_zykdtp1eva_options_raw.value = dataConnector_conn_ybkfbb3k0b_response?.value?.data?.content
    },
    { deep: true }
)

// 处理 表格_yxfk04pyhw 的 totalNumber 属性关联
watch(
    () => dataConnector_conn_ybkfbb3k0b_response?.value?.data?.totalElements,
    () => {
        vid_zykdtp1eva_props.totalNumber = dataConnector_conn_ybkfbb3k0b_response?.value?.data?.totalElements
    },
    { deep: true }
)
// 处理 下拉框_pca4ogxne5 的 systemList 属性关联
watch(
    () => dataConnector_conn_bxcvaru0qh_response?.value?.data,
    () => {
        vid_m3ygxklcl4_options_raw.value = dataConnector_conn_bxcvaru0qh_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_wki9uhoidl 的 systemList 属性关联
watch(
    () => dataConnector_conn_qipv35x8s5_response?.value?.data,
    () => {
        vid_4pr8sphg96_options_raw.value = dataConnector_conn_qipv35x8s5_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_f0ksdu0wm9 的 systemList 属性关联
watch(
    () => dataConnector_conn_zyl8ncttxe_response?.value?.data,
    () => {
        vid_vjc80gdtld_options_raw.value = dataConnector_conn_zyl8ncttxe_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_yvhx236dyi 的 systemList 属性关联
watch(
    () => dataConnector_conn_znvfdk4xro_response?.value?.data,
    () => {
        vid_ccqx90x1lj_options_raw.value = dataConnector_conn_znvfdk4xro_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_vmvi375k4t 的 systemList 属性关联
watch(
    () => dataConnector_conn_ay8wdy08x9_response?.value?.data,
    () => {
        vid_vwn4r2mpng_options_raw.value = dataConnector_conn_ay8wdy08x9_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_hljaszeynt 的 systemList 属性关联
watch(
    () => dataConnector_conn_ay8wdy08x9_response?.value?.data,
    () => {
        vid_0q41l1fcuo_options_raw.value = dataConnector_conn_ay8wdy08x9_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_m9doih8g0u 的 systemList 属性关联
watch(
    () => dataConnector_conn_amt2f75tj3_response?.value?.data,
    () => {
        vid_6khgr533fo_options_raw.value = dataConnector_conn_amt2f75tj3_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_2qrpytck05 的 systemList 属性关联
watch(
    () => dataConnector_conn_5hth7enxt3_response?.value?.data?.content,
    () => {
        vid_8awdjuqo08_options_raw.value = dataConnector_conn_5hth7enxt3_response?.value?.data?.content
    },
    { deep: true }
)
// 处理 下拉框_6obv91q1r1 的 systemList 属性关联
watch(
    () => dataConnector_conn_bw4173ni1w_response?.value?.data,
    () => {
        vid_xtftqtwig3_options_raw.value = dataConnector_conn_bw4173ni1w_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_55slguckws 的 value 属性关联
immediateWatch(
    () => vid_absa0egnal_props?.currentRow.deptName,
    () => {
        c_xq6gi5jbvh.v_m2blvbeczk = vid_absa0egnal_props?.currentRow.deptName
    }
)

// 处理 下拉框_55slguckws 的 systemList 属性关联
watch(
    () => dataConnector_conn_bxcvaru0qh_response?.value?.data,
    () => {
        vid_v1fjy9bxyf_options_raw.value = dataConnector_conn_bxcvaru0qh_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_2htr3nk4hl 的 value 属性关联
immediateWatch(
    () => vid_absa0egnal_props?.currentRow.marketOrganizationName,
    () => {
        c_xq6gi5jbvh.s_w71h8ba7la = vid_absa0egnal_props?.currentRow.marketOrganizationName
    }
)

// 处理 下拉框_2htr3nk4hl 的 systemList 属性关联
watch(
    () => dataConnector_conn_qipv35x8s5_response?.value?.data,
    () => {
        vid_fcl682x7re_options_raw.value = dataConnector_conn_qipv35x8s5_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_mzukxw2f29 的 value 属性关联
immediateWatch(
    () => vid_absa0egnal_props?.currentRow.areaName,
    () => {
        c_xq6gi5jbvh.h_d7fx8rvuvc = vid_absa0egnal_props?.currentRow.areaName
    }
)

// 处理 下拉框_mzukxw2f29 的 systemList 属性关联
watch(
    () => dataConnector_conn_zyl8ncttxe_response?.value?.data,
    () => {
        vid_r53ty6hx4e_options_raw.value = dataConnector_conn_zyl8ncttxe_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_gsxmjtwopj 的 value 属性关联
immediateWatch(
    () => vid_absa0egnal_props?.currentRow.userName,
    () => {
        c_xq6gi5jbvh.t_fi7pwrkes3 = vid_absa0egnal_props?.currentRow.userName
    }
)

// 处理 下拉框_gsxmjtwopj 的 systemList 属性关联
watch(
    () => dataConnector_conn_znvfdk4xro_response?.value?.data,
    () => {
        vid_e3q9ux78ab_options_raw.value = dataConnector_conn_znvfdk4xro_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_79u2mrtu40 的 value 属性关联
immediateWatch(
    () => vid_absa0egnal_props?.currentRow.adjustCompanyName,
    () => {
        c_xq6gi5jbvh.g_z8nbetjkgo = vid_absa0egnal_props?.currentRow.adjustCompanyName
    }
)

// 处理 下拉框_79u2mrtu40 的 systemList 属性关联
watch(
    () => dataConnector_conn_ay8wdy08x9_response?.value?.data,
    () => {
        vid_284yjv2bln_options_raw.value = dataConnector_conn_ay8wdy08x9_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_zvri839cn9 的 value 属性关联
immediateWatch(
    () => vid_absa0egnal_props?.currentRow.originCompanyName,
    () => {
        c_xq6gi5jbvh.x_b07gmfoz1e = vid_absa0egnal_props?.currentRow.originCompanyName
    }
)

// 处理 下拉框_zvri839cn9 的 systemList 属性关联
watch(
    () => dataConnector_conn_ay8wdy08x9_response?.value?.data,
    () => {
        vid_x5o54pcdkl_options_raw.value = dataConnector_conn_ay8wdy08x9_response?.value?.data
    },
    { deep: true }
)
// 处理 数字输入框_qzg601pga2 的 value 属性关联
immediateWatch(
    () => vid_absa0egnal_props?.currentRow.transferTarget,
    () => {
        c_xq6gi5jbvh.q_tzmtu5f5nf = vid_absa0egnal_props?.currentRow.transferTarget
    }
)
// 处理 下拉框_qr7ahcl7xk 的 value 属性关联
immediateWatch(
    () => vid_absa0egnal_props?.currentRow.customerName,
    () => {
        c_xq6gi5jbvh.s_eswl95jc5e = vid_absa0egnal_props?.currentRow.customerName
    }
)

// 处理 下拉框_qr7ahcl7xk 的 systemList 属性关联
watch(
    () => dataConnector_conn_amt2f75tj3_response?.value?.data,
    () => {
        vid_mqz08n6st1_options_raw.value = dataConnector_conn_amt2f75tj3_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_ftst5o59sf 的 value 属性关联
immediateWatch(
    () => vid_absa0egnal_props?.currentRow.transportType,
    () => {
        c_xq6gi5jbvh.w_4p9fc8s01z = vid_absa0egnal_props?.currentRow.transportType
    }
)

// 处理 下拉框_ftst5o59sf 的 systemList 属性关联
watch(
    () => dataConnector_conn_5hth7enxt3_response?.value?.data?.content,
    () => {
        vid_czbjsjxesu_options_raw.value = dataConnector_conn_5hth7enxt3_response?.value?.data?.content
    },
    { deep: true }
)
// 处理 下拉框_ihudqtdbet 的 value 属性关联
immediateWatch(
    () => vid_absa0egnal_props?.currentRow.packageName,
    () => {
        c_xq6gi5jbvh.h_5t1q00ygpv = vid_absa0egnal_props?.currentRow.packageName
    }
)

// 处理 下拉框_ihudqtdbet 的 systemList 属性关联
watch(
    () => dataConnector_conn_bw4173ni1w_response?.value?.data,
    () => {
        vid_bn7iilh11v_options_raw.value = dataConnector_conn_bw4173ni1w_response?.value?.data
    },
    { deep: true }
)
// 处理 文本域_ae8mggx28i 的 value 属性关联
immediateWatch(
    () => vid_absa0egnal_props?.currentRow.remarks,
    () => {
        c_xq6gi5jbvh.k_io952kahw2 = vid_absa0egnal_props?.currentRow.remarks
    }
)
// 处理 下拉框_6jid5xds50 的 systemList 属性关联
watch(
    () => dataConnector_conn_tx1wlt3vl0_response?.value?.data?.content,
    () => {
        vid_q7qlj4do5h_options_raw.value = dataConnector_conn_tx1wlt3vl0_response?.value?.data?.content
    },
    { deep: true }
)
// 处理 日期_fjg52hnmw4 的 value 属性关联
immediateWatch(
    () => vid_zykdtp1eva_props?.currentRow.startDate,
    () => {
        t_okssrdqqdd.r_vtkmlqweeg = vid_zykdtp1eva_props?.currentRow.startDate
    }
)
// 处理 下拉框_jfspqgtquk 的 value 属性关联
immediateWatch(
    () => vid_zykdtp1eva_props?.currentRow.unTransferType,
    () => {
        t_okssrdqqdd.w_7z7l404s8q = vid_zykdtp1eva_props?.currentRow.unTransferType
    }
)

// 处理 下拉框_jfspqgtquk 的 systemList 属性关联
watch(
    () => dataConnector_conn_tx1wlt3vl0_response?.value?.data?.content,
    () => {
        vid_w9cbontfqa_options_raw.value = dataConnector_conn_tx1wlt3vl0_response?.value?.data?.content
    },
    { deep: true }
)
// 处理 文本域_h0yhr9mjqb 的 value 属性关联
immediateWatch(
    () => vid_zykdtp1eva_props?.currentRow.unTransferReason,
    () => {
        t_okssrdqqdd.e_8ke1xftsmq = vid_zykdtp1eva_props?.currentRow.unTransferReason
    }
)
// 处理 下拉框_adjustCompanyName 的 systemList 属性关联
watch(
    () => dataConnector_conn_ay8wdy08x9_response?.value?.data,
    () => {
        vid_ja34x6q0r0_options_raw.value = dataConnector_conn_ay8wdy08x9_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_areaName 的 systemList 属性关联
watch(
    () => dataConnector_conn_zyl8ncttxe_response?.value?.data,
    () => {
        vid_yhkyornzf6_options_raw.value = dataConnector_conn_zyl8ncttxe_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_deptName 的 systemList 属性关联
watch(
    () => dataConnector_conn_bxcvaru0qh_response?.value?.data,
    () => {
        vid_v4dhr4y9q8_options_raw.value = dataConnector_conn_bxcvaru0qh_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_marketOrganizationName 的 systemList 属性关联
watch(
    () => dataConnector_conn_qipv35x8s5_response?.value?.data,
    () => {
        vid_sjly6hw257_options_raw.value = dataConnector_conn_qipv35x8s5_response?.value?.data
    },
    { deep: true }
)
// 处理 下拉框_userName 的 systemList 属性关联
watch(
    () => dataConnector_conn_znvfdk4xro_response?.value?.data,
    () => {
        vid_d6cudatukk_options_raw.value = dataConnector_conn_znvfdk4xro_response?.value?.data
    },
    { deep: true }
)
// 处理 表格_73pqh3wh30 的 systemList 属性关联
watch(
    () => dataConnector_conn_bz3clge6cf_response?.value?.data?.content,
    () => {
        vid_absa0egnal_options_raw.value = dataConnector_conn_bz3clge6cf_response?.value?.data?.content
    },
    { deep: true }
)

// 处理 表格_73pqh3wh30 的 totalNumber 属性关联
watch(
    () => dataConnector_conn_bz3clge6cf_response?.value?.data?.totalElements,
    () => {
        vid_absa0egnal_props.totalNumber = dataConnector_conn_bz3clge6cf_response?.value?.data?.totalElements
    },
    { deep: true }
)
// ============================ 组件数据同步 ============================

/**
 * 处理元素 对话框 的 cancel 事件
 */
let handle_vid_v4212jnmkb_cancel = throttle(async (...params) => {
    vid_v4212jnmkb_props.visible = false
}, 500)
/**
 * 处理元素 对话框 的 ok 事件
 */
let handle_vid_v4212jnmkb_ok = throttle(async (...params) => {
    vid_v4212jnmkb_props.visible = false
    await dataConnector_conn_4nuueqz4sf()
    response_j62ymt0vrx()
}, 500)
/**
 * 处理元素 对话框 的 cancel 事件
 */
let handle_vid_x6qegj51ub_cancel = throttle(async (...params) => {
    vid_x6qegj51ub_props.visible = false
}, 500)
/**
 * 处理元素 对话框 的 ok 事件
 */
let handle_vid_x6qegj51ub_ok = throttle(async (...params) => {
    vid_x6qegj51ub_props.visible = false
    await dataConnector_conn_9ldgkzkobo()
    response_nfu7xipbhr()
}, 500)
/**
 * 处理元素 按钮 的 click 事件
 */
let handle_vid_27gett65hj_click = throttle(async (...params) => {
    vid_qsy77g9ikc_props.visible = true
    await dataConnector_conn_tx1wlt3vl0()
}, 500)
/**
 * 处理元素 表格 的 clickBtn_4pca4wd4bq 事件
 */
let handle_vid_zykdtp1eva_clickBtn_4pca4wd4bq = throttle(async (...params) => {
    // 存储表格当前行数据
    const [record] = params
    vid_zykdtp1eva_props.currentRow = record
    vid_3q25y033bh_props.visible = true
}, 500)
/**
 * 处理元素 表格 的 change 事件
 */
let handle_vid_zykdtp1eva_change = throttle(async (...params) => {
    // 处理分页器相关数据
    const [pagination, filters, sorter] = params
    const { current, pageSize } = pagination
    vid_zykdtp1eva_props.rt_tableConfig.pagination.current = current
    vid_zykdtp1eva_props.rt_tableConfig.pagination.pageSize = pageSize
    // 处理排序相关数据
    const { field, order } = sorter
    const sorterList = [...vid_zykdtp1eva_props.rowMergeSort]
    let sorterValue = {}
    if (order === 'descend') {
        sorterValue = { order: field, direction: 'DESC' }
    } else if (order === 'ascend') {
        sorterValue = { order: field, direction: 'ASC' }
    }
    sorterList.push(sorterValue)
    vid_zykdtp1eva_props.systemSort = sorterList
    vid_zykdtp1eva_props.sorter = sorterValue
    await dataConnector_conn_ybkfbb3k0b()
}, 500)
/**
 * 处理元素 表格 的 clickBtn_e1gb2tv9hm 事件
 */
let handle_vid_zykdtp1eva_clickBtn_e1gb2tv9hm = throttle(async (...params) => {
    // 存储表格当前行数据
    const [record] = params
    vid_zykdtp1eva_props.currentRow = record
    vid_x6qegj51ub_props.visible = true
}, 500)
/**
 * 处理元素 对话框 的 cancel 事件
 */
let handle_vid_fentex9qnx_cancel = throttle(async (...params) => {
    vid_fentex9qnx_props.visible = false
}, 500)
/**
 * 处理元素 对话框 的 ok 事件
 */
let handle_vid_fentex9qnx_ok = throttle(async (...params) => {
    // 这里组件可能还未初始化， 这里使用可选链的形式进行函数触发
    await vid_8nsbjihdrv_ref.value?.validateFields()
    await dataConnector_conn_n3dai1zia3()
    response_wrw64kawdz()
    // 这里组件可能还未初始化， 这里使用可选链的形式进行函数触发
    try {
        await vid_8nsbjihdrv_ref.value?.resetFields()
    } catch (error) {
        console.log(error)
    }
    vid_fentex9qnx_props.visible = false
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_m3ygxklcl4_change = throttle(async (...params) => {
    const [, option] = params
    vid_m3ygxklcl4_props.selected.label = option?.label
    vid_m3ygxklcl4_props.selected.value = option?.value
    vid_m3ygxklcl4_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_m3ygxklcl4_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_m3ygxklcl4_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_4pr8sphg96_change = throttle(async (...params) => {
    const [, option] = params
    vid_4pr8sphg96_props.selected.label = option?.label
    vid_4pr8sphg96_props.selected.value = option?.value
    vid_4pr8sphg96_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_4pr8sphg96_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_4pr8sphg96_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_vjc80gdtld_change = throttle(async (...params) => {
    const [, option] = params
    vid_vjc80gdtld_props.selected.label = option?.label
    vid_vjc80gdtld_props.selected.value = option?.value
    vid_vjc80gdtld_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_vjc80gdtld_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_vjc80gdtld_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_ccqx90x1lj_change = throttle(async (...params) => {
    const [, option] = params
    vid_ccqx90x1lj_props.selected.label = option?.label
    vid_ccqx90x1lj_props.selected.value = option?.value
    vid_ccqx90x1lj_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_ccqx90x1lj_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_ccqx90x1lj_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_vwn4r2mpng_change = throttle(async (...params) => {
    const [, option] = params
    vid_vwn4r2mpng_props.selected.label = option?.label
    vid_vwn4r2mpng_props.selected.value = option?.value
    vid_vwn4r2mpng_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_vwn4r2mpng_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_vwn4r2mpng_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_0q41l1fcuo_change = throttle(async (...params) => {
    const [, option] = params
    vid_0q41l1fcuo_props.selected.label = option?.label
    vid_0q41l1fcuo_props.selected.value = option?.value
    vid_0q41l1fcuo_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_0q41l1fcuo_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_0q41l1fcuo_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_6khgr533fo_change = throttle(async (...params) => {
    const [, option] = params
    vid_6khgr533fo_props.selected.label = option?.label
    vid_6khgr533fo_props.selected.value = option?.value
    vid_6khgr533fo_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_6khgr533fo_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_6khgr533fo_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_8awdjuqo08_change = throttle(async (...params) => {
    const [, option] = params
    vid_8awdjuqo08_props.selected.label = option?.label
    vid_8awdjuqo08_props.selected.value = option?.value
    vid_8awdjuqo08_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_8awdjuqo08_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_8awdjuqo08_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_xtftqtwig3_change = throttle(async (...params) => {
    const [, option] = params
    vid_xtftqtwig3_props.selected.label = option?.label
    vid_xtftqtwig3_props.selected.value = option?.value
    vid_xtftqtwig3_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_xtftqtwig3_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_xtftqtwig3_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 对话框 的 cancel 事件
 */
let handle_vid_496qrhmgfb_cancel = throttle(async (...params) => {
    vid_496qrhmgfb_props.visible = false
}, 500)
/**
 * 处理元素 对话框 的 ok 事件
 */
let handle_vid_496qrhmgfb_ok = throttle(async (...params) => {
    vid_496qrhmgfb_props.visible = false
    await dataConnector_conn_tphob0h0j1()
    response_whhhvoazzt()
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_v1fjy9bxyf_change = throttle(async (...params) => {
    const [, option] = params
    vid_v1fjy9bxyf_props.selected.label = option?.label
    vid_v1fjy9bxyf_props.selected.value = option?.value
    vid_v1fjy9bxyf_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_v1fjy9bxyf_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_v1fjy9bxyf_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_fcl682x7re_change = throttle(async (...params) => {
    const [, option] = params
    vid_fcl682x7re_props.selected.label = option?.label
    vid_fcl682x7re_props.selected.value = option?.value
    vid_fcl682x7re_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_fcl682x7re_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_fcl682x7re_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_r53ty6hx4e_change = throttle(async (...params) => {
    const [, option] = params
    vid_r53ty6hx4e_props.selected.label = option?.label
    vid_r53ty6hx4e_props.selected.value = option?.value
    vid_r53ty6hx4e_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_r53ty6hx4e_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_r53ty6hx4e_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_e3q9ux78ab_change = throttle(async (...params) => {
    const [, option] = params
    vid_e3q9ux78ab_props.selected.label = option?.label
    vid_e3q9ux78ab_props.selected.value = option?.value
    vid_e3q9ux78ab_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_e3q9ux78ab_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_e3q9ux78ab_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_284yjv2bln_change = throttle(async (...params) => {
    const [, option] = params
    vid_284yjv2bln_props.selected.label = option?.label
    vid_284yjv2bln_props.selected.value = option?.value
    vid_284yjv2bln_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_284yjv2bln_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_284yjv2bln_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_x5o54pcdkl_change = throttle(async (...params) => {
    const [, option] = params
    vid_x5o54pcdkl_props.selected.label = option?.label
    vid_x5o54pcdkl_props.selected.value = option?.value
    vid_x5o54pcdkl_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_x5o54pcdkl_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_x5o54pcdkl_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_mqz08n6st1_change = throttle(async (...params) => {
    const [, option] = params
    vid_mqz08n6st1_props.selected.label = option?.label
    vid_mqz08n6st1_props.selected.value = option?.value
    vid_mqz08n6st1_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_mqz08n6st1_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_mqz08n6st1_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_czbjsjxesu_change = throttle(async (...params) => {
    const [, option] = params
    vid_czbjsjxesu_props.selected.label = option?.label
    vid_czbjsjxesu_props.selected.value = option?.value
    vid_czbjsjxesu_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_czbjsjxesu_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_czbjsjxesu_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_bn7iilh11v_change = throttle(async (...params) => {
    const [, option] = params
    vid_bn7iilh11v_props.selected.label = option?.label
    vid_bn7iilh11v_props.selected.value = option?.value
    vid_bn7iilh11v_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_bn7iilh11v_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_bn7iilh11v_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 对话框 的 ok 事件
 */
let handle_vid_qsy77g9ikc_ok = throttle(async (...params) => {
    // 这里组件可能还未初始化， 这里使用可选链的形式进行函数触发
    await vid_2s8x9jxier_ref.value?.validateFields()
    await dataConnector_conn_4m40vz1bat()
    response_m5y3zrpc76()
}, 500)
/**
 * 处理元素 对话框 的 cancel 事件
 */
let handle_vid_qsy77g9ikc_cancel = throttle(async (...params) => {
    vid_qsy77g9ikc_props.visible = false
    // 这里组件可能还未初始化， 这里使用可选链的形式进行函数触发
    try {
        await vid_2s8x9jxier_ref.value?.resetFields()
    } catch (error) {
        console.log(error)
    }
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_q7qlj4do5h_change = throttle(async (...params) => {
    const [, option] = params
    vid_q7qlj4do5h_props.selected.label = option?.label
    vid_q7qlj4do5h_props.selected.value = option?.value
    vid_q7qlj4do5h_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_q7qlj4do5h_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_q7qlj4do5h_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 对话框 的 cancel 事件
 */
let handle_vid_3q25y033bh_cancel = throttle(async (...params) => {
    vid_3q25y033bh_props.visible = false
}, 500)
/**
 * 处理元素 对话框 的 ok 事件
 */
let handle_vid_3q25y033bh_ok = throttle(async (...params) => {
    await dataConnector_conn_rmisk3csz9()
    response_lpizejq4qa()
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_w9cbontfqa_change = throttle(async (...params) => {
    const [, option] = params
    vid_w9cbontfqa_props.selected.label = option?.label
    vid_w9cbontfqa_props.selected.value = option?.value
    vid_w9cbontfqa_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_w9cbontfqa_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_w9cbontfqa_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 面包屑 的 click 事件
 */
let handle_vid_gufmzknfon_click = throttle(async (...params) => {
    response_innct6x7zv()
}, 500)
/**
 * 处理元素 标签页 的 tabClick 事件
 */
let handle_vid_qch36935ug_tabClick = throttle(async (...params) => {
    customFunction_79roqtd2hi()
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_ja34x6q0r0_change = throttle(async (...params) => {
    const [, option] = params
    vid_ja34x6q0r0_props.selected.label = option?.label
    vid_ja34x6q0r0_props.selected.value = option?.value
    vid_ja34x6q0r0_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_ja34x6q0r0_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_ja34x6q0r0_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_yhkyornzf6_change = throttle(async (...params) => {
    const [, option] = params
    vid_yhkyornzf6_props.selected.label = option?.label
    vid_yhkyornzf6_props.selected.value = option?.value
    vid_yhkyornzf6_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_yhkyornzf6_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_yhkyornzf6_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_v4dhr4y9q8_change = throttle(async (...params) => {
    const [, option] = params
    vid_v4dhr4y9q8_props.selected.label = option?.label
    vid_v4dhr4y9q8_props.selected.value = option?.value
    vid_v4dhr4y9q8_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_v4dhr4y9q8_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_v4dhr4y9q8_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_sjly6hw257_change = throttle(async (...params) => {
    const [, option] = params
    vid_sjly6hw257_props.selected.label = option?.label
    vid_sjly6hw257_props.selected.value = option?.value
    vid_sjly6hw257_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_sjly6hw257_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_sjly6hw257_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 按钮 的 click 事件
 */
let handle_vid_zvmuhqyw6p_click = throttle(async (...params) => {
    await dataConnector_conn_bz3clge6cf()
    // 重置表格 表格_73pqh3wh30(vid_absa0egnal) 的页码
    if (
        vid_absa0egnal_props?.rt_tableConfig?.pagination &&
        vid_absa0egnal_props.rt_tableConfig?.pagination.hasOwnProperty('current')
    ) {
        vid_absa0egnal_props.rt_tableConfig.pagination.current = 1
    }
}, 500)
/**
 * 处理元素 按钮 的 click 事件
 */
let handle_vid_lcz84asbrg_click = throttle(async (...params) => {
    // 这里组件可能还未初始化， 这里使用可选链的形式进行函数触发
    try {
        await vid_rwmg3j0v5j_ref.value?.resetFields()
    } catch (error) {
        console.log(error)
    }
    await dataConnector_conn_bz3clge6cf()
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_d6cudatukk_change = throttle(async (...params) => {
    const [, option] = params
    vid_d6cudatukk_props.selected.label = option?.label
    vid_d6cudatukk_props.selected.value = option?.value
    vid_d6cudatukk_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_d6cudatukk_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_d6cudatukk_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 下拉框 的 change 事件
 */
let handle_vid_lrbdoz5q9p_change = throttle(async (...params) => {
    const [, option] = params
    vid_lrbdoz5q9p_props.selected.label = option?.label
    vid_lrbdoz5q9p_props.selected.value = option?.value
    vid_lrbdoz5q9p_props.selected.option = option
}, 500)
/**
 * 处理元素 下拉框 的 search 事件
 */
let handle_vid_lrbdoz5q9p_search = throttle(async (...params) => {
    const [searchValue] = params
    vid_lrbdoz5q9p_props.searchValue = searchValue
}, 500)
/**
 * 处理元素 按钮 的 click 事件
 */
let handle_vid_dtioqg2gn8_click = throttle(async (...params) => {
    customFunction_masqax9pac()
}, 500)
/**
 * 处理元素 按钮 的 click 事件
 */
let handle_vid_j5g7vrrbw4_click = throttle(async (...params) => {
    vid_fentex9qnx_props.visible = true
    await dataConnector_conn_tx1wlt3vl0()
    await dataConnector_conn_bw4173ni1w()
    await dataConnector_conn_5hth7enxt3()
}, 500)
/**
 * 处理元素 文件上传 的 uploadSuccess 事件
 */
let handle_vid_5cydfrsnn5_uploadSuccess = throttle(async (...params) => {
    vid_gezdo1s6lf_props.show = true
    await dataConnector_conn_bz3clge6cf()
}, 500)
/**
 * 处理元素 文件上传 的 uploadFailed 事件
 */
let handle_vid_5cydfrsnn5_uploadFailed = throttle(async (...params) => {
    const [errorMsg] = params
    vid_5cydfrsnn5_props.errorMsg = errorMsg
    vid_mnwpzppxzr_props.show = true
}, 500)
/**
 * 处理元素 按钮 的 click 事件
 */
let handle_vid_h7a98eczq3_click = throttle(async (...params) => {
    customFunction_slzdiwlyuz()
}, 500)
/**
 * 处理元素 表格 的 clickBtn_4pca4wd4bq 事件
 */
let handle_vid_absa0egnal_clickBtn_4pca4wd4bq = throttle(async (...params) => {
    // 存储表格当前行数据
    const [record] = params
    vid_absa0egnal_props.currentRow = record
    vid_ilobqz78wl_props.visible = true
    await dataConnector_conn_ybkfbb3k0b()
}, 500)
/**
 * 处理元素 表格 的 clickBtn_a9uxwo3nig 事件
 */
let handle_vid_absa0egnal_clickBtn_a9uxwo3nig = throttle(async (...params) => {
    // 存储表格当前行数据
    const [record] = params
    vid_absa0egnal_props.currentRow = record
    vid_v4212jnmkb_props.visible = true
    vid_v4212jnmkb_props.visible = true
}, 500)
/**
 * 处理元素 表格 的 clickBtn_e1gb2tv9hm 事件
 */
let handle_vid_absa0egnal_clickBtn_e1gb2tv9hm = throttle(async (...params) => {
    // 存储表格当前行数据
    const [record] = params
    vid_absa0egnal_props.currentRow = record
    vid_496qrhmgfb_props.visible = true
    await dataConnector_conn_tx1wlt3vl0()
}, 500)
/**
 * 处理元素 表格 的 change 事件
 */
let handle_vid_absa0egnal_change = throttle(async (...params) => {
    // 处理分页器相关数据
    const [pagination, filters, sorter] = params
    const { current, pageSize } = pagination
    vid_absa0egnal_props.rt_tableConfig.pagination.current = current
    vid_absa0egnal_props.rt_tableConfig.pagination.pageSize = pageSize
    // 处理排序相关数据
    const { field, order } = sorter
    const sorterList = [...vid_absa0egnal_props.rowMergeSort]
    let sorterValue = {}
    if (order === 'descend') {
        sorterValue = { order: field, direction: 'DESC' }
    } else if (order === 'ascend') {
        sorterValue = { order: field, direction: 'ASC' }
    }
    sorterList.push(sorterValue)
    vid_absa0egnal_props.systemSort = sorterList
    vid_absa0egnal_props.sorter = sorterValue
    await dataConnector_conn_bz3clge6cf()
}, 500)
/* ========================== 组件事件处理方法 ========================== */

/* -------------------------- 生命周期 -------------------------- */
onMounted(() => {
    const pageParams = [
        {
            name: 'formulaTrackId',
            dataType: 'NUMBER',
            dependencies: [
                {
                    sourceType: 'dataConnector',
                    propertyChain: 'formulaTrackId',
                    dataConnector: { vid: 'conn_bz3clge6cf', type: 'request', paramLink: 'filter.formulaTrackId' }
                },
                {
                    sourceType: 'dataConnector',
                    propertyChain: 'formulaTrackId',
                    dataConnector: { vid: 'conn_n3dai1zia3', type: 'request', paramLink: 'formulaTrackId' }
                }
            ]
        }
    ]
    const strategyMap = {
        STRING: (param, paramValue) => {
            pageParameter_state[param.name] = paramValue
        },
        BOOLEAN: (param, paramValue) => {
            if ('true' === (paramValue || '').toLowerCase()) {
                pageParameter_state[param.name] = true
            } else if ('false' === (paramValue || '').toLowerCase()) {
                pageParameter_state[param.name] = false
            } else {
                message.error('参数传入错误！类型不匹配！')
            }
        },
        NUMBER: (param, paramValue) => {
            if (!isNaN(paramValue)) {
                pageParameter_state[param.name] = Number(paramValue)
            } else {
                message.error('参数传入错误！类型不匹配！')
            }
        },
        ARRAY: (param, paramValue) => {
            if (isNullOrUnDef(paramValue) || !paramValue || paramValue === 'undefined') {
                pageParameter_state[param.name] = []
            } else if (paramValue.trim().startsWith('[') && paramValue.trim().endsWith(']')) {
                try {
                    pageParameter_state[param.name] = JSON.parse(decodeURI(paramValue))
                } catch (error) {
                    console.error('参数解析失败 ', error)
                    message.error('参数解析失败 ', error)
                }
            } else {
                console.error('参数传入错误！类型不匹配！')
                message.error('参数传入错误！类型不匹配！')
            }
        }
    }
    pageParams.forEach(param => {
        strategyMap[param.dataType](param, route.query[param.name])
    })
    dataConnector_conn_bz3clge6cf()
    dataConnector_conn_bxcvaru0qh()
    dataConnector_conn_zyl8ncttxe()
    dataConnector_conn_ay8wdy08x9()
    dataConnector_conn_qipv35x8s5()
    dataConnector_conn_amt2f75tj3()
    dataConnector_conn_znvfdk4xro()
})

onUnmounted(() => {
    // 销毁定时器
    setTimeOutList.forEach(({ repeat, timer }) => {
        repeat ? clearInterval(timer) : clearTimeout(timer)
    })
})

/* ========================== 生命周期 ========================== */

/* -------------------------- 数据关联处理 -------------------------- */

// 处理 修改失败 全局消息
immediateWatch(
    () => vid_8wfsrcwzd3_props.show,
    () => {
        if (vid_8wfsrcwzd3_props.show) {
            message[vid_8wfsrcwzd3_props.type](vid_8wfsrcwzd3_props.content, vid_8wfsrcwzd3_props.duration, () => {
                vid_8wfsrcwzd3_props.show = false
            })
        }
    }
)
// 处理 修改成功 全局消息
immediateWatch(
    () => vid_vbetpq8kpy_props.show,
    () => {
        if (vid_vbetpq8kpy_props.show) {
            message[vid_vbetpq8kpy_props.type](vid_vbetpq8kpy_props.content, vid_vbetpq8kpy_props.duration, () => {
                vid_vbetpq8kpy_props.show = false
            })
        }
    }
)
// 处理 全局提示_sl3in9ftbm 全局消息
immediateWatch(
    () => vid_kwredh5kzd_props.show,
    () => {
        if (vid_kwredh5kzd_props.show) {
            message[vid_kwredh5kzd_props.type](vid_kwredh5kzd_props.content, vid_kwredh5kzd_props.duration, () => {
                vid_kwredh5kzd_props.show = false
            })
        }
    }
)
// 处理 创建失败 全局消息
immediateWatch(
    () => vid_bhzwvzhxou_props.show,
    () => {
        if (vid_bhzwvzhxou_props.show) {
            message[vid_bhzwvzhxou_props.type](vid_bhzwvzhxou_props.content, vid_bhzwvzhxou_props.duration, () => {
                vid_bhzwvzhxou_props.show = false
            })
        }
    }
)
// 处理 创建成功 全局消息
immediateWatch(
    () => vid_7byk5tru5q_props.show,
    () => {
        if (vid_7byk5tru5q_props.show) {
            message[vid_7byk5tru5q_props.type](vid_7byk5tru5q_props.content, vid_7byk5tru5q_props.duration, () => {
                vid_7byk5tru5q_props.show = false
            })
        }
    }
)
// 处理 删除成功 全局消息
immediateWatch(
    () => vid_dpushdwkdv_props.show,
    () => {
        if (vid_dpushdwkdv_props.show) {
            message[vid_dpushdwkdv_props.type](vid_dpushdwkdv_props.content, vid_dpushdwkdv_props.duration, () => {
                vid_dpushdwkdv_props.show = false
            })
        }
    }
)
// 处理 删除失败 全局消息
immediateWatch(
    () => vid_5imosqnff9_props.show,
    () => {
        if (vid_5imosqnff9_props.show) {
            message[vid_5imosqnff9_props.type](vid_5imosqnff9_props.content, vid_5imosqnff9_props.duration, () => {
                vid_5imosqnff9_props.show = false
            })
        }
    }
)
// 处理 导入成功 全局消息
immediateWatch(
    () => vid_gezdo1s6lf_props.show,
    () => {
        if (vid_gezdo1s6lf_props.show) {
            message[vid_gezdo1s6lf_props.type](vid_gezdo1s6lf_props.content, vid_gezdo1s6lf_props.duration, () => {
                vid_gezdo1s6lf_props.show = false
            })
        }
    }
)
// 处理 导入失败 全局消息
immediateWatch(
    () => vid_mnwpzppxzr_props.show,
    () => {
        if (vid_mnwpzppxzr_props.show) {
            message[vid_mnwpzppxzr_props.type](vid_mnwpzppxzr_props.content, vid_mnwpzppxzr_props.duration, () => {
                vid_mnwpzppxzr_props.show = false
            })
        }
    }
)
// 处理 导出成功 全局消息
immediateWatch(
    () => vid_e1r0zaz209_props.show,
    () => {
        if (vid_e1r0zaz209_props.show) {
            message[vid_e1r0zaz209_props.type](vid_e1r0zaz209_props.content, vid_e1r0zaz209_props.duration, () => {
                vid_e1r0zaz209_props.show = false
            })
        }
    }
)
// 处理 导出失败 全局消息
immediateWatch(
    () => vid_2s2w79ylo8_props.show,
    () => {
        if (vid_2s2w79ylo8_props.show) {
            message[vid_2s2w79ylo8_props.type](vid_2s2w79ylo8_props.content, vid_2s2w79ylo8_props.duration, () => {
                vid_2s2w79ylo8_props.show = false
            })
        }
    }
)

/* -------------------------- 表单数据同步 -------------------------- */
/* ========================== 表单数据同步 ========================== */

/* ========================== 数据关联处理 ========================== */

/* -------------------------- 不同组件自定义的处理逻辑 -------------------------- */
onMounted(() => {
    const rawColumnList = []
    traversalTreeStructure(vid_zykdtp1eva_props.columnList, node => {
        if (node.type === 'column') {
            rawColumnList.push(node)
        }
    })
    /*** PUBLISH_EXEGESIS ***
    // 获取缓存的表格列宽度，处理列宽信息
    UserTableRecords.getTableRecords(localGet('al__UID')).then((res) => {
      const columnWidthMap = res['vid_zykdtp1eva'] ?? {};
      rawColumnList.map((column) => {
        if(columnWidthMap[column.dataIndex]) {
          column.width = columnWidthMap[column.dataIndex]
        }
      })
    });
    *** PUBLISH_EXEGESIS ***/
    vid_zykdtp1eva_props.rawColumnList = rawColumnList
})
// 生成表格列：相同分组的数据需要合并单元格
const vid_zykdtp1eva_columns = computed(() => {
    // 需要合并单元格的列
    const groupKeys = []

    // 将表头配置按照groupTitle字段进行分组，以实现多级表头
    const columnList = [...vid_zykdtp1eva_props.columnList]

    function formatColumns(columns) {
        columns.forEach(item => {
            const { dataIndex, contentAlign, children, customCellStyle } = item
            // 如果当前列是分组列，则递归处理它的子列，当前列本身不作处理
            if (!dataIndex && children && children.length) {
                formatColumns(children)
                return
            }

            const groupIndex = groupKeys.findIndex(item => item === dataIndex)
            // 如果当前字段属于分组字段，则给它添加合并单元格的配置，否则直接返回
            if (groupIndex === -1) {
                item.customCell = (record, index) => {
                    return { style: { 'text-align': contentAlign, ...(customCellStyle || {}) } }
                }
            } else {
                item.customCell = (record, index) => {
                    const rowGroupKeys = groupKeys.slice(0, groupIndex + 1)
                    const rowSpanList = generateRowSpanList(
                        vid_zykdtp1eva_options.value(),
                        rowGroupKeys,
                        vid_zykdtp1eva_props.editRecordMap
                    )
                    return {
                        rowSpan: rowSpanList[index],
                        style: { 'text-align': contentAlign, ...(customCellStyle || {}) }
                    }
                }
            }
        })
    }

    // 格式化column：增加合并单元格的配置，以及自定义样式
    formatColumns(columnList)

    return columnList
})

// 表格分页器信息：将总条数信息加到基础分页信息中
const vid_zykdtp1eva_pagination = computed(() => {
    const { totalNumber, rt_tableConfig } = vid_zykdtp1eva_props
    const {
        enable = true,
        current = 1,
        pageSize = 10,
        showSizeChanger = false,
        pageSizeOptions = '10,20,30,40',
        showTotal = false,
        showQuickJumper = false,
        simple = false,
        hideOnSinglePage = false
    } = rt_tableConfig.pagination ?? {}
    const { size = 'default', layout = 'bottomRight' } = rt_tableConfig?.style?.paginationStyle || {}
    let info = {}
    if (enable) {
        info = {
            total: totalNumber || 0,
            pageSize,
            size,
            simple,
            current,
            showSizeChanger,
            pageSizeOptions: pageSizeOptions.split(','),
            showQuickJumper,
            hideOnSinglePage,
            position: [layout]
        }
        if (showTotal) {
            info.showTotal = (total, range) => `共${total}个项目，第${current}/${Math.ceil(total / pageSize)}页`
        }
        return info
    }
    return false
})

// 补充一个watch，用于监听删除最后一页最后一条数据的情况，然后重新加载数据
watch(
    () => dataConnector_conn_ybkfbb3k0b_response?.value?.data?.content,
    newValue => {
        const current = vid_zykdtp1eva_props.rt_tableConfig.pagination.current
        if (!newValue?.length && current > 1) {
            vid_zykdtp1eva_props.rt_tableConfig.pagination.current = current - 1
            dataConnector_conn_ybkfbb3k0b()
        }
    }
)
immediateWatch(
    () => r_1hm8370hye?.n_q0fustbrjt,
    () => {
        if (!!handle_vid_m3ygxklcl4_change) {
            const options = (vid_m3ygxklcl4_options?.value() || []).find(
                item => item.value === r_1hm8370hye?.n_q0fustbrjt || item.label === r_1hm8370hye?.n_q0fustbrjt
            )
            // 重置了表单，这里重置下拉框
            handle_vid_m3ygxklcl4_change(r_1hm8370hye?.n_q0fustbrjt, { ...options } || {})
        }
    }
)
immediateWatch(
    () => r_1hm8370hye?.x_3h0yqqi7kq,
    () => {
        if (!!handle_vid_4pr8sphg96_change) {
            const options = (vid_4pr8sphg96_options?.value() || []).find(
                item => item.value === r_1hm8370hye?.x_3h0yqqi7kq || item.label === r_1hm8370hye?.x_3h0yqqi7kq
            )
            // 重置了表单，这里重置下拉框
            handle_vid_4pr8sphg96_change(r_1hm8370hye?.x_3h0yqqi7kq, { ...options } || {})
        }
    }
)
immediateWatch(
    () => r_1hm8370hye?.t_okqt6bub2n,
    () => {
        if (!!handle_vid_vjc80gdtld_change) {
            const options = (vid_vjc80gdtld_options?.value() || []).find(
                item => item.value === r_1hm8370hye?.t_okqt6bub2n || item.label === r_1hm8370hye?.t_okqt6bub2n
            )
            // 重置了表单，这里重置下拉框
            handle_vid_vjc80gdtld_change(r_1hm8370hye?.t_okqt6bub2n, { ...options } || {})
        }
    }
)
immediateWatch(
    () => r_1hm8370hye?.c_z5b8wam698,
    () => {
        if (!!handle_vid_ccqx90x1lj_change) {
            const options = (vid_ccqx90x1lj_options?.value() || []).find(
                item => item.value === r_1hm8370hye?.c_z5b8wam698 || item.label === r_1hm8370hye?.c_z5b8wam698
            )
            // 重置了表单，这里重置下拉框
            handle_vid_ccqx90x1lj_change(r_1hm8370hye?.c_z5b8wam698, { ...options } || {})
        }
    }
)
immediateWatch(
    () => r_1hm8370hye?.j_kkn9c2skk4,
    () => {
        if (!!handle_vid_vwn4r2mpng_change) {
            const options = (vid_vwn4r2mpng_options?.value() || []).find(
                item => item.value === r_1hm8370hye?.j_kkn9c2skk4 || item.label === r_1hm8370hye?.j_kkn9c2skk4
            )
            // 重置了表单，这里重置下拉框
            handle_vid_vwn4r2mpng_change(r_1hm8370hye?.j_kkn9c2skk4, { ...options } || {})
        }
    }
)
immediateWatch(
    () => r_1hm8370hye?.s_o7i501qelz,
    () => {
        if (!!handle_vid_0q41l1fcuo_change) {
            const options = (vid_0q41l1fcuo_options?.value() || []).find(
                item => item.value === r_1hm8370hye?.s_o7i501qelz || item.label === r_1hm8370hye?.s_o7i501qelz
            )
            // 重置了表单，这里重置下拉框
            handle_vid_0q41l1fcuo_change(r_1hm8370hye?.s_o7i501qelz, { ...options } || {})
        }
    }
)
immediateWatch(
    () => r_1hm8370hye?.q_nkurcp0qeu,
    () => {
        if (!!handle_vid_6khgr533fo_change) {
            const options = (vid_6khgr533fo_options?.value() || []).find(
                item => item.value === r_1hm8370hye?.q_nkurcp0qeu || item.label === r_1hm8370hye?.q_nkurcp0qeu
            )
            // 重置了表单，这里重置下拉框
            handle_vid_6khgr533fo_change(r_1hm8370hye?.q_nkurcp0qeu, { ...options } || {})
        }
    }
)
immediateWatch(
    () => r_1hm8370hye?.u_wefzv31oan,
    () => {
        if (!!handle_vid_8awdjuqo08_change) {
            const options = (vid_8awdjuqo08_options?.value() || []).find(
                item => item.value === r_1hm8370hye?.u_wefzv31oan || item.label === r_1hm8370hye?.u_wefzv31oan
            )
            // 重置了表单，这里重置下拉框
            handle_vid_8awdjuqo08_change(r_1hm8370hye?.u_wefzv31oan, { ...options } || {})
        }
    }
)
immediateWatch(
    () => r_1hm8370hye?.l_6ro0sbfxsa,
    () => {
        if (!!handle_vid_xtftqtwig3_change) {
            const options = (vid_xtftqtwig3_options?.value() || []).find(
                item => item.value === r_1hm8370hye?.l_6ro0sbfxsa || item.label === r_1hm8370hye?.l_6ro0sbfxsa
            )
            // 重置了表单，这里重置下拉框
            handle_vid_xtftqtwig3_change(r_1hm8370hye?.l_6ro0sbfxsa, { ...options } || {})
        }
    }
)
immediateWatch(
    () => c_xq6gi5jbvh?.v_m2blvbeczk,
    () => {
        if (!!handle_vid_v1fjy9bxyf_change) {
            const options = (vid_v1fjy9bxyf_options?.value() || []).find(
                item => item.value === c_xq6gi5jbvh?.v_m2blvbeczk || item.label === c_xq6gi5jbvh?.v_m2blvbeczk
            )
            // 重置了表单，这里重置下拉框
            handle_vid_v1fjy9bxyf_change(c_xq6gi5jbvh?.v_m2blvbeczk, { ...options } || {})
        }
    }
)
immediateWatch(
    () => c_xq6gi5jbvh?.s_w71h8ba7la,
    () => {
        if (!!handle_vid_fcl682x7re_change) {
            const options = (vid_fcl682x7re_options?.value() || []).find(
                item => item.value === c_xq6gi5jbvh?.s_w71h8ba7la || item.label === c_xq6gi5jbvh?.s_w71h8ba7la
            )
            // 重置了表单，这里重置下拉框
            handle_vid_fcl682x7re_change(c_xq6gi5jbvh?.s_w71h8ba7la, { ...options } || {})
        }
    }
)
immediateWatch(
    () => c_xq6gi5jbvh?.h_d7fx8rvuvc,
    () => {
        if (!!handle_vid_r53ty6hx4e_change) {
            const options = (vid_r53ty6hx4e_options?.value() || []).find(
                item => item.value === c_xq6gi5jbvh?.h_d7fx8rvuvc || item.label === c_xq6gi5jbvh?.h_d7fx8rvuvc
            )
            // 重置了表单，这里重置下拉框
            handle_vid_r53ty6hx4e_change(c_xq6gi5jbvh?.h_d7fx8rvuvc, { ...options } || {})
        }
    }
)
immediateWatch(
    () => c_xq6gi5jbvh?.t_fi7pwrkes3,
    () => {
        if (!!handle_vid_e3q9ux78ab_change) {
            const options = (vid_e3q9ux78ab_options?.value() || []).find(
                item => item.value === c_xq6gi5jbvh?.t_fi7pwrkes3 || item.label === c_xq6gi5jbvh?.t_fi7pwrkes3
            )
            // 重置了表单，这里重置下拉框
            handle_vid_e3q9ux78ab_change(c_xq6gi5jbvh?.t_fi7pwrkes3, { ...options } || {})
        }
    }
)
immediateWatch(
    () => c_xq6gi5jbvh?.g_z8nbetjkgo,
    () => {
        if (!!handle_vid_284yjv2bln_change) {
            const options = (vid_284yjv2bln_options?.value() || []).find(
                item => item.value === c_xq6gi5jbvh?.g_z8nbetjkgo || item.label === c_xq6gi5jbvh?.g_z8nbetjkgo
            )
            // 重置了表单，这里重置下拉框
            handle_vid_284yjv2bln_change(c_xq6gi5jbvh?.g_z8nbetjkgo, { ...options } || {})
        }
    }
)
immediateWatch(
    () => c_xq6gi5jbvh?.x_b07gmfoz1e,
    () => {
        if (!!handle_vid_x5o54pcdkl_change) {
            const options = (vid_x5o54pcdkl_options?.value() || []).find(
                item => item.value === c_xq6gi5jbvh?.x_b07gmfoz1e || item.label === c_xq6gi5jbvh?.x_b07gmfoz1e
            )
            // 重置了表单，这里重置下拉框
            handle_vid_x5o54pcdkl_change(c_xq6gi5jbvh?.x_b07gmfoz1e, { ...options } || {})
        }
    }
)
immediateWatch(
    () => c_xq6gi5jbvh?.s_eswl95jc5e,
    () => {
        if (!!handle_vid_mqz08n6st1_change) {
            const options = (vid_mqz08n6st1_options?.value() || []).find(
                item => item.value === c_xq6gi5jbvh?.s_eswl95jc5e || item.label === c_xq6gi5jbvh?.s_eswl95jc5e
            )
            // 重置了表单，这里重置下拉框
            handle_vid_mqz08n6st1_change(c_xq6gi5jbvh?.s_eswl95jc5e, { ...options } || {})
        }
    }
)
immediateWatch(
    () => c_xq6gi5jbvh?.w_4p9fc8s01z,
    () => {
        if (!!handle_vid_czbjsjxesu_change) {
            const options = (vid_czbjsjxesu_options?.value() || []).find(
                item => item.value === c_xq6gi5jbvh?.w_4p9fc8s01z || item.label === c_xq6gi5jbvh?.w_4p9fc8s01z
            )
            // 重置了表单，这里重置下拉框
            handle_vid_czbjsjxesu_change(c_xq6gi5jbvh?.w_4p9fc8s01z, { ...options } || {})
        }
    }
)
immediateWatch(
    () => c_xq6gi5jbvh?.h_5t1q00ygpv,
    () => {
        if (!!handle_vid_bn7iilh11v_change) {
            const options = (vid_bn7iilh11v_options?.value() || []).find(
                item => item.value === c_xq6gi5jbvh?.h_5t1q00ygpv || item.label === c_xq6gi5jbvh?.h_5t1q00ygpv
            )
            // 重置了表单，这里重置下拉框
            handle_vid_bn7iilh11v_change(c_xq6gi5jbvh?.h_5t1q00ygpv, { ...options } || {})
        }
    }
)
immediateWatch(
    () => k_rmhyffdym6?.p_vibafyuqxm,
    () => {
        if (!!handle_vid_q7qlj4do5h_change) {
            const options = (vid_q7qlj4do5h_options?.value() || []).find(
                item => item.value === k_rmhyffdym6?.p_vibafyuqxm || item.label === k_rmhyffdym6?.p_vibafyuqxm
            )
            // 重置了表单，这里重置下拉框
            handle_vid_q7qlj4do5h_change(k_rmhyffdym6?.p_vibafyuqxm, { ...options } || {})
        }
    }
)
immediateWatch(
    () => t_okssrdqqdd?.w_7z7l404s8q,
    () => {
        if (!!handle_vid_w9cbontfqa_change) {
            const options = (vid_w9cbontfqa_options?.value() || []).find(
                item => item.value === t_okssrdqqdd?.w_7z7l404s8q || item.label === t_okssrdqqdd?.w_7z7l404s8q
            )
            // 重置了表单，这里重置下拉框
            handle_vid_w9cbontfqa_change(t_okssrdqqdd?.w_7z7l404s8q, { ...options } || {})
        }
    }
)
const vid_gufmzknfon_props_tabConfig = computed(() => {
    const initValue = [
        {
            key: 'tab1',
            title: '配送优化',
            targetPage: { settingType: 'PAGE_LIST', url: '/app_50000089/page/undefined', customUrl: '' },
            icon: '',
            parameter: [],
            applicationId: 50000089,
            query: {}
        },
        {
            key: 'tab2',
            title: '方案跟踪',
            icon: '',
            targetPage: {
                settingType: 'PAGE_LIST',
                url: '/app_50000089/page/3000000133',
                customUrl: '',
                modelId: 3000000133
            },
            parameter: [],
            applicationId: 50000089,
            query: {}
        },
        {
            key: 'tab3',
            title: '转移量管理',
            icon: '',
            targetPage: {
                settingType: 'PAGE_LIST',
                url: '/app_50000089/page/3000000163',
                customUrl: '',
                modelId: 3000000163
            },
            parameter: [
                {
                    name: 'formulaTrackId',
                    dataType: 'NUMBER',
                    dependencies: [
                        {
                            sourceType: 'dataConnector',
                            propertyChain: 'formulaTrackId',
                            dataConnector: {
                                vid: 'conn_bz3clge6cf',
                                type: 'request',
                                paramLink: 'filter.formulaTrackId'
                            }
                        },
                        {
                            sourceType: 'dataConnector',
                            propertyChain: 'formulaTrackId',
                            dataConnector: { vid: 'conn_n3dai1zia3', type: 'request', paramLink: 'formulaTrackId' }
                        }
                    ],
                    value: '',
                    type: 'value',
                    bindingValue: { type: 'value', dataType: 'NUMBER', link: '', value: '' }
                }
            ],
            applicationId: 50000089,
            query: { formulaTrackId: '' }
        }
    ]
    return initValue
})
immediateWatch(
    () => i_cggi6e08gi?.c_gdlun85j1y,
    () => {
        if (!!handle_vid_ja34x6q0r0_change) {
            const options = (vid_ja34x6q0r0_options?.value() || []).find(
                item => item.value === i_cggi6e08gi?.c_gdlun85j1y || item.label === i_cggi6e08gi?.c_gdlun85j1y
            )
            // 重置了表单，这里重置下拉框
            handle_vid_ja34x6q0r0_change(i_cggi6e08gi?.c_gdlun85j1y, { ...options } || {})
        }
    }
)
immediateWatch(
    () => i_cggi6e08gi?.q_54kopa0vw7,
    () => {
        if (!!handle_vid_yhkyornzf6_change) {
            const options = (vid_yhkyornzf6_options?.value() || []).find(
                item => item.value === i_cggi6e08gi?.q_54kopa0vw7 || item.label === i_cggi6e08gi?.q_54kopa0vw7
            )
            // 重置了表单，这里重置下拉框
            handle_vid_yhkyornzf6_change(i_cggi6e08gi?.q_54kopa0vw7, { ...options } || {})
        }
    }
)
immediateWatch(
    () => i_cggi6e08gi?.p_0txlz3kh5y,
    () => {
        if (!!handle_vid_v4dhr4y9q8_change) {
            const options = (vid_v4dhr4y9q8_options?.value() || []).find(
                item => item.value === i_cggi6e08gi?.p_0txlz3kh5y || item.label === i_cggi6e08gi?.p_0txlz3kh5y
            )
            // 重置了表单，这里重置下拉框
            handle_vid_v4dhr4y9q8_change(i_cggi6e08gi?.p_0txlz3kh5y, { ...options } || {})
        }
    }
)
immediateWatch(
    () => i_cggi6e08gi?.i_dxn656xixx,
    () => {
        if (!!handle_vid_sjly6hw257_change) {
            const options = (vid_sjly6hw257_options?.value() || []).find(
                item => item.value === i_cggi6e08gi?.i_dxn656xixx || item.label === i_cggi6e08gi?.i_dxn656xixx
            )
            // 重置了表单，这里重置下拉框
            handle_vid_sjly6hw257_change(i_cggi6e08gi?.i_dxn656xixx, { ...options } || {})
        }
    }
)
immediateWatch(
    () => i_cggi6e08gi?.i_q02c81pdd8,
    () => {
        if (!!handle_vid_d6cudatukk_change) {
            const options = (vid_d6cudatukk_options?.value() || []).find(
                item => item.value === i_cggi6e08gi?.i_q02c81pdd8 || item.label === i_cggi6e08gi?.i_q02c81pdd8
            )
            // 重置了表单，这里重置下拉框
            handle_vid_d6cudatukk_change(i_cggi6e08gi?.i_q02c81pdd8, { ...options } || {})
        }
    }
)
immediateWatch(
    () => i_cggi6e08gi?.g_sx9avbxdam,
    () => {
        if (!!handle_vid_lrbdoz5q9p_change) {
            const options = (vid_lrbdoz5q9p_options?.value() || []).find(
                item => item.value === i_cggi6e08gi?.g_sx9avbxdam || item.label === i_cggi6e08gi?.g_sx9avbxdam
            )
            // 重置了表单，这里重置下拉框
            handle_vid_lrbdoz5q9p_change(i_cggi6e08gi?.g_sx9avbxdam, { ...options } || {})
        }
    }
)
onMounted(() => {
    const rawColumnList = []
    traversalTreeStructure(vid_absa0egnal_props.columnList, node => {
        if (node.type === 'column') {
            rawColumnList.push(node)
        }
    })
    /*** PUBLISH_EXEGESIS ***
    // 获取缓存的表格列宽度，处理列宽信息
    UserTableRecords.getTableRecords(localGet('al__UID')).then((res) => {
      const columnWidthMap = res['vid_absa0egnal'] ?? {};
      rawColumnList.map((column) => {
        if(columnWidthMap[column.dataIndex]) {
          column.width = columnWidthMap[column.dataIndex]
        }
      })
    });
    *** PUBLISH_EXEGESIS ***/
    vid_absa0egnal_props.rawColumnList = rawColumnList
})
// 生成表格列：相同分组的数据需要合并单元格
const vid_absa0egnal_columns = computed(() => {
    // 需要合并单元格的列
    const groupKeys = []

    // 将表头配置按照groupTitle字段进行分组，以实现多级表头
    const columnList = [...vid_absa0egnal_props.columnList]

    function formatColumns(columns) {
        columns.forEach(item => {
            const { dataIndex, contentAlign, children, customCellStyle } = item
            // 如果当前列是分组列，则递归处理它的子列，当前列本身不作处理
            if (!dataIndex && children && children.length) {
                formatColumns(children)
                return
            }

            const groupIndex = groupKeys.findIndex(item => item === dataIndex)
            // 如果当前字段属于分组字段，则给它添加合并单元格的配置，否则直接返回
            if (groupIndex === -1) {
                item.customCell = (record, index) => {
                    return { style: { 'text-align': contentAlign, ...(customCellStyle || {}) } }
                }
            } else {
                item.customCell = (record, index) => {
                    const rowGroupKeys = groupKeys.slice(0, groupIndex + 1)
                    const rowSpanList = generateRowSpanList(
                        vid_absa0egnal_options.value(),
                        rowGroupKeys,
                        vid_absa0egnal_props.editRecordMap
                    )
                    return {
                        rowSpan: rowSpanList[index],
                        style: { 'text-align': contentAlign, ...(customCellStyle || {}) }
                    }
                }
            }
        })
    }

    // 格式化column：增加合并单元格的配置，以及自定义样式
    formatColumns(columnList)

    return columnList
})

// 表格分页器信息：将总条数信息加到基础分页信息中
const vid_absa0egnal_pagination = computed(() => {
    const { totalNumber, rt_tableConfig } = vid_absa0egnal_props
    const {
        enable = true,
        current = 1,
        pageSize = 10,
        showSizeChanger = false,
        pageSizeOptions = '10,20,30,40',
        showTotal = false,
        showQuickJumper = false,
        simple = false,
        hideOnSinglePage = false
    } = rt_tableConfig.pagination ?? {}
    const { size = 'default', layout = 'bottomRight' } = rt_tableConfig?.style?.paginationStyle || {}
    let info = {}
    if (enable) {
        info = {
            total: totalNumber || 0,
            pageSize,
            size,
            simple,
            current,
            showSizeChanger,
            pageSizeOptions: pageSizeOptions.split(','),
            showQuickJumper,
            hideOnSinglePage,
            position: [layout]
        }
        if (showTotal) {
            info.showTotal = (total, range) => `共${total}个项目，第${current}/${Math.ceil(total / pageSize)}页`
        }
        return info
    }
    return false
})

// 补充一个watch，用于监听删除最后一页最后一条数据的情况，然后重新加载数据
watch(
    () => dataConnector_conn_bz3clge6cf_response?.value?.data?.content,
    newValue => {
        const current = vid_absa0egnal_props.rt_tableConfig.pagination.current
        if (!newValue?.length && current > 1) {
            vid_absa0egnal_props.rt_tableConfig.pagination.current = current - 1
            dataConnector_conn_bz3clge6cf()
        }
    }
)
/**
 * 生成分组字段合并单元格的配置：返回值为一个数字数组，数组里面每一项即为该字段当前行的rowSpan配置
 * @param {Array} 表格中的数据
 * @param {Array} 当前分组字段的列表，注：为了保证优先级低的字段合并后是优先级高的字段合并后的子集，需要把比该字段优先级高的分组字段按顺序放在该字段前面；例如：所有分组字段列表为['grade', 'age', 'score']，要生成age字段的合并单元格配置，则该参数需要传['grade', 'age']
 * @returns {Array} 该字段合并单元格的rowSpan配置，例：[1, 1, 2, 0, 1]
 */
function generateRowSpanList(dataSource, groupKeys, editRecordMap) {
    if (!dataSource || !dataSource.length) {
        return []
    }

    const rowSpanList = []

    // 判断单元格是否需要合并的临时值：使用表格数据最后一行进行初始化（表格数据的遍历是倒序进行的）
    let tempValue = getGroupValue(dataSource[dataSource.length - 1], groupKeys)
    // 记录需要合并单元格的数量
    let tempValueCount = 0

    // 倒序遍历数组，以保证使用最前面一条数据合并单元格
    for (let index = dataSource.length - 1; index >= 0; index--) {
        rowSpanList[index] = 0
        const groupValue = getGroupValue(dataSource[index], groupKeys)
        // 如果当前行的分组数据跟上一行一致，则将标记数量加一；否则将标记数量的当前值赋给上一条数据，并重置临时值和标记数量
        if (editRecordMap && editRecordMap[index]) {
            //如果当前行是编辑行
            rowSpanList[index + 1] = tempValueCount
            tempValue = ''
            tempValueCount = 1
        } else if (groupValue === tempValue) {
            tempValueCount++
        } else {
            rowSpanList[index + 1] = tempValueCount
            tempValue = groupValue
            tempValueCount = 1
        }

        // 遍历到最后一行，将当前的标记数量赋给当前行
        if (index === 0) {
            rowSpanList[index] = tempValueCount
        }
    }

    return rowSpanList
}

/**
 * 根据分组字段列表生成当前数据行的分组值
 * @param {Object} 当前数据行
 * @param {Array} 分组字段列表
 * @returns {String} 拼装的当前数据行的分组值，例：record为{ age: 7, grade: '一年级', name: '小赵' }，groupKeys为['grade', 'age']，则拼装后的返回值为'一年级__$__7'
 */
function getGroupValue(record, groupKeys) {
    const groupValueList = []
    groupKeys.forEach(groupKey => {
        groupValueList.push(`${record[groupKey]}`)
    })

    return groupValueList.join('__$__')
}

// 生成过长省略的样式
function textTruncate(width) {
    if (!width) {
        return {}
    }
    return {
        whiteSpace: 'nowrap',
        overflow: 'hidden',
        textOverflow: 'ellipsis',
        display: 'inline-block',
        width: typeof width === 'number' ? width + 'px' : width
    }
}

/**
 * 将列表数据转换成树状数据
 * @param {Array} 原始的列表数据
 * @param {String|Number} 列表数据的唯一key
 * @param {String|Number} 列表数据转成树时的父级id
 */
function convertListToTree(list, key, parentKey) {
    const clonedList = cloneDeep(list || [])

    // 遍历列表数据，生成树节点的map：key为列表数据的唯一key，value为列表当前行的数据
    const treeNodeMap = {}
    clonedList.forEach(item => {
        treeNodeMap[item[key]] = item
    })

    const treeDataList = []
    clonedList.forEach(item => {
        // 如果当前行数据的父级id不在树节点的map中，则当前数据为根节点数据，将其加入最终树形数据的列表；否则将其放入其父节点数据的children中
        if (!treeNodeMap[item[parentKey]]) {
            treeDataList.push(item)
        } else {
            if (!treeNodeMap[item[parentKey]].children) {
                treeNodeMap[item[parentKey]].children = []
            }
            treeNodeMap[item[parentKey]].children.push(item)
        }
    })

    return treeDataList
}

/**
 * 表格列宽伸缩处理，使用indexedDB缓存伸缩后的列宽度
 */
const handleResizeColumn = (w, col, vid) => {
    col.width = w
    /*** PUBLISH_EXEGESIS ***
    UserTableRecords.saveTableRecords(col, localGet('al__UID'), vid)
    *** PUBLISH_EXEGESIS ***/
}
/* ========================== 不同组件自定义的处理逻辑 ========================== */

// ================================定制化逻辑========================================
// 获取当前 URL 中问号后的参数部分
const queryString = window.location.search

// 使用 URLSearchParams 解析参数字符串
const urlParams = new URLSearchParams(queryString)

// 遍历参数并输出
urlParams.forEach((value, key) => {
    console.log(`${key}: ${value}`)
})

// 获取特定参数的值
const specificParamValue = urlParams.get('formulaTrackId')
console.log(specificParamValue)

vid_5cydfrsnn5_props.uploadFile = data =>
    request({
        url: `/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/import/${specificParamValue}`,
        method: 'POST',
        responseType: 'blob',
        withCredentials: false,
        data,
        timeout: 360000,
        headers: {}
    })

onMounted(() => {
    // 获取span元素
    var spanElement = document.querySelector('span[style=""]')
    console.log(spanElement, 'spanElement')
    // 隐藏span元素
    spanElement.style.display = 'none'
})

function downloadExcel(response, name) {
    const blob = new Blob([response], {
        type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'
    })
    const downloadElement = document.createElement('a')
    const href = window.URL.createObjectURL(blob) // 创建下载的链接
    downloadElement.href = href
    downloadElement.download = name // 下载后文件名
    document.body.appendChild(downloadElement)
    downloadElement.click() // 点击下载
    document.body.removeChild(downloadElement) // 下载完成移除万元素
    window.URL.revokeObjectURL(href)
    return href
}
onMounted(() => {
    getMarkList()
    getDepartList()
    getDireList()
    getAdjustCompanyNameList()
    get(`/solution-zjcnfsn-distribution/api/v1/formula_track/${Number(specificParamValue)}`).then(
        ({ errorMsg, data }) => {
            if (errorMsg) {
                message.error(errorMsg)
            } else {
                oldDate.value = [data?.trackStartDate, data?.trackEndDate]
                formData.date[0] = data?.trackStartDate
                formData.date[1] = data?.trackEndDate
                handlerSearch()
            }
        }
    )
})
const oldDate = ref([])
import * as echarts from 'echarts'
const formData = reactive({
    date: [null, null],
    marketOrganizationName: undefined,
    adjustCompanyName: undefined,
    deptName: undefined,
    areaName: undefined,
    searchType: 'day'
})
const markCenterList = ref([])
function getMarkList() {
    const params = {
        keyColumn: 'dept_code',
        valueColumn: 'dept_name',
        type: 'market',
        tableName: 't_nfsn_dept'
    }
    post('/solution-zjcnfsn-distribution/api/v1/dg/dict/search', params).then(({ errorMsg, data }) => {
        if (errorMsg) {
            message.error(errorMsg)
        } else {
            markCenterList.value = data.map(item => {
                return {
                    label: item.value,
                    value: item.value
                }
            })
        }
    })
}
const departmentList = ref([])
function getDepartList() {
    const params = {
        keyColumn: 'dept_code',
        valueColumn: 'dept_name',
        type: 'dept',
        tableName: 't_nfsn_dept'
    }
    post('/solution-zjcnfsn-distribution/api/v1/dg/dict/search', params).then(({ errorMsg, data }) => {
        if (errorMsg) {
            message.error(errorMsg)
        } else {
            departmentList.value = data.map(item => {
                return {
                    label: item.value,
                    value: item.value
                }
            })
        }
    })
}
const directionList = ref([])
function getDireList() {
    const params = {
        keyColumn: 'area_code',
        valueColumn: 'area_name',
        tableName: 't_nfsn_area'
    }
    post('/solution-zjcnfsn-distribution/api/v1/dg/dict/search', params).then(({ data, errorMsg }) => {
        if (errorMsg) {
            message.error(errorMsg)
        } else {
            directionList.value = data.map(item => {
                return {
                    label: item.value,
                    value: item.value
                }
            })
        }
    })
}
const adjustCompanyNameList = ref([])
function getAdjustCompanyNameList() {
    const params = {
        keyColumn: 'company_code',
        valueColumn: 'company_name',
        tableName: 't_nfsn_company'
    }
    post('/solution-zjcnfsn-distribution/api/v1/dg/dict/search', params).then(({ data, errorMsg }) => {
        if (errorMsg) {
            message.error(errorMsg)
        } else {
            adjustCompanyNameList.value = data.map(item => {
                return {
                    label: item.value,
                    value: item.value
                }
            })
        }
    })
}
function handlerSearch() {
    getChart1()
    getChart2()
    getTable1()
}
function getChart1() {
    const params = {
        formulaTrackId: Number(specificParamValue) ? Number(specificParamValue) : null,
        trackStartTime: formData.date ? formData.date[0] : oldDate.value[0],
        trackEndTime: formData.date ? formData.date[1] : oldDate.value[1],
        marketOrganizationName: formData.marketOrganizationName ? formData.marketOrganizationName : null,
        deptName: formData.deptName ? formData.deptName : null,
        areaName: formData.areaName ? formData.areaName : null,
        searchType: 'month',
        adjustCompanyName: formData.adjustCompanyName ? formData.adjustCompanyName : null
    }
    post('/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/histogram/search', params).then(
        ({ data, errorMsg }) => {
            if (errorMsg) {
                message.error(errorMsg)
            } else {
                chartData1.value = data
                initChart1()
            }
        }
    )
}
function getChart2() {
    const params = {
        formulaTrackId: Number(specificParamValue) ? Number(specificParamValue) : null,
        trackStartTime: formData.date ? formData.date[0] : oldDate.value[0],
        trackEndTime: formData.date ? formData.date[1] : oldDate.value[1],
        marketOrganizationName: formData.marketOrganizationName ? formData.marketOrganizationName : null,
        deptName: formData.deptName ? formData.deptName : null,
        areaName: formData.areaName ? formData.areaName : null,
        searchType: formData.searchType ? formData.searchType : null,
        adjustCompanyName: formData.adjustCompanyName ? formData.adjustCompanyName : null
    }
    post('/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/pie/search', params).then(
        ({ data, errorMsg }) => {
            if (errorMsg) {
                message.error(errorMsg)
            } else {
                chartData2.value = data
                initChart2()
            }
        }
    )
}
const pagination1 = reactive({
    current: 1,
    pageSize: 10,
    showSizeChanger: true,
    total: 0,
    pageSizeOptions: ['5', '10', '20', '30', '40', '100'],
    showTotal: total => `共 ${total} 个项目,第${pagination1.current} / ${Math.ceil(total / pagination1.pageSize)}页`,
    onShowSizeChange: pageSizeChange,
    onChange: pageChange
})
function getTable() {
    const params = {
        filter: {
            formulaTrackId: Number(specificParamValue) ? Number(specificParamValue) : null,
            businessDate: {
                type: 'datetime',
                min: formData.date ? formData.date[0] : oldDate.value[0],
                max: formData.date ? formData.date[1] : oldDate.value[1]
            },
            marketOrganizationName: formData.marketOrganizationName ? formData.marketOrganizationName : null,
            deptName: formData.deptName ? formData.deptName : null,
            areaName: formData.areaName ? formData.areaName : null,
            searchType: formData.searchType ? formData.searchType : null,
            adjustCompanyName: formData.adjustCompanyName ? formData.adjustCompanyName : null
        },
        pageNo: pagination1.current,
        pageSize: pagination1.pageSize
    }
    post('/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/table/search', params).then(
        ({ data, errorMsg }) => {
            if (errorMsg) {
                message.error(errorMsg)
            } else {
                pagination1.total = data.totalElements
                tableDataSource.value = data.content
            }
        }
    )
}
function getTable1() {
    const params = {
        filter: {
            formulaTrackId: Number(specificParamValue) ? Number(specificParamValue) : null,
            businessDate: {
                type: 'datetime',
                min: formData.date ? formData.date[0] : oldDate.value[0],
                max: formData.date ? formData.date[1] : oldDate.value[1]
            },
            marketOrganizationName: formData.marketOrganizationName ? formData.marketOrganizationName : null,
            deptName: formData.deptName ? formData.deptName : null,
            areaName: formData.areaName ? formData.areaName : null,
            searchType: formData.searchType ? formData.searchType : null,
            adjustCompanyName: formData.adjustCompanyName ? formData.adjustCompanyName : null
        },
        pageNo: 1,
        pageSize: pagination1.pageSize
    }
    post('/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/table/search', params).then(
        ({ data, errorMsg }) => {
            if (errorMsg) {
                message.error(errorMsg)
            } else {
                pagination1.total = data.totalElements
                tableDataSource.value = data.content
                pagination1.current = 1
            }
        }
    )
}
function pageSizeChange(current, size) {
    pagination1.current = current
    pagination1.pageSize = size
    getTable()
}
function pageChange(page, pageSize) {
    pagination1.current = page
    pagination1.pageSize = pageSize
    getTable()
}
function handlerReset() {
    formData.date = oldDate.value
    ;(formData.marketOrganizationName = undefined), (formData.deptName = undefined)
    formData.areaName = undefined
    formData.searchType = 'day'
    formData.adjustCompanyName = undefined
    handlerSearch()
}
function handlerExport() {
    post(`/solution-zjcnfsn-distribution/api/v1/formula_track_transfer/export/${Number(specificParamValue)}`, null, {
        responseType: 'arraybuffer'
    }).then(res => {
        if (res.data) {
            downloadExcel(res.data, '统计分析.xlsx')
        } else {
            downloadExcel(res, '统计分析.xlsx')
        }
    })
}
const chart1 = ref(null)
const chart2 = ref(null)
const chartData1 = ref([])
const chartData2 = ref({})
function initChart1() {
    const data = chartData1.value
    const option = {
        color: ['#D7000F', '#8C8C8C', '#BCBDBD', '#F9D9DB'],
        title: {
            text: ' ',
            subtext: '吨'
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
            formatter: function (params) {
                let tooltip = params[0].name + '<br/>'
                params.forEach(function (item) {
                    if (item.componentSubType === 'bar') {
                        tooltip += item.seriesName + '：' + item.value.toFixed(2) + ' 吨<br/>'
                    } else {
                        tooltip += item.seriesName + '：' + item.value.toFixed(2) + ' %<br/>'
                    }
                })
                return tooltip
            }
        },
        legend: {
            top: 20
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        yAxis: [
            {
                type: 'value',
                axisLabel: {
                    formatter: '{value}'
                }
            },
            {
                type: 'value',
                name: '%',
                // min: 0,
                // max: 1000,
                axisLabel: {
                    formatter: '{value}%'
                }
            }
        ],
        xAxis: {
            type: 'category',
            data: data.map(item => item.xseriesName),
            axisLabel: {
                // interval: 0
                rotate: 25 // 设置标签旋转角度为 45 度
                // fontSize:10
            }
        },
        series: [
            {
                name: '袋装',
                barWidth: 10,
                type: 'bar',
                data: data.map(item => item.bagsAmount)
            },
            {
                name: '散装',
                barWidth: 10,
                type: 'bar',
                data: data.map(item => item.bulkAmount)
            },
            {
                name: '熟料',
                barWidth: 10,
                type: 'bar',
                data: data.map(item => item.bulkAmount)
            },
            {
                name: '总环比增长率',
                type: 'line',
                yAxisIndex: 1,
                data: data.map(item => item.ratio)
            }
        ]
    }

    echarts.dispose(chart1.value)
    const chart = echarts.init(chart1.value)
    chart.setOption(option)
}
function initChart2() {
    const data = chartData2.value // 获取数据
    const option = {
        tooltip: {
            trigger: 'item',
            formatter: function (params) {
                console.log(params)
                let tooltip = params.name + '<br/>'
                tooltip += params.value + ' 吨<br/>'
                return tooltip
            }
        },
        legend: {
            top: 20
        },
        series: [
            {
                type: 'pie',
                radius: '60%',
                avoidLabelOverlap: false,
                // label: {
                //     show: false,
                //     position: 'center'
                // },
                center: ['50%', '50%'],
                label: {
                    normal: {
                        show: false
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },

                data: [
                    {
                        value: data.transferAmount,
                        name: '已转移',
                        itemStyle: {
                            color: '#e02020' // Color for the first item
                        }
                    },
                    {
                        value: data.unTransferAmount,
                        name: '未转移',
                        itemStyle: {
                            color: '#8c8c8c' // Color for the second item
                        }
                    }
                ]
            }
        ],
        graphic: [
            {
                type: 'text',
                left: '15%', // Adjusted position for the first item in the first row
                top: '83%',
                style: {
                    text: '已转移：' + data.transferAmount + '吨',
                    font: '14px Arial',
                    fill: '#262626'
                }
            },
            {
                type: 'text',
                left: '60%', // Adjusted position for the second item in the first row
                top: '83%',
                style: {
                    text: '已转移率：' + data.transferAmountRatio + '%',
                    font: '14px Arial',
                    fill: '#262626'
                }
            },
            {
                type: 'text',
                left: '15%', // Adjusted position for the first item in the second row
                top: '93%',
                style: {
                    text: '未转移：' + data.unTransferAmount + '吨',
                    font: '14px Arial',
                    fill: '#262626'
                }
            },
            {
                type: 'text',
                left: '60%', // Adjusted position for the second item in the second row
                top: '93%',
                style: {
                    text: '未转移率：' + data.unTransferAmountRatio + '%',
                    font: '14px Arial',
                    fill: '#262626'
                }
            }
        ]
    }

    echarts.dispose(chart2.value)
    const chart = echarts.init(chart2.value)
    chart.setOption(option)
}
const tableColumns = [
    {
        title: '跟踪日期',

        dataIndex: 'businessDate'
    },
    {
        title: '营销中心',

        dataIndex: 'marketOrganizationName'
    },
    {
        title: '部门',

        dataIndex: 'deptName'
    },
    {
        title: '区域流向',

        dataIndex: 'areaName'
    },
    {
        title: '业务员',

        dataIndex: 'userName'
    },
    {
        title: '客商名称',

        dataIndex: 'customerName'
    },
    {
        title: '调整后发货企业',

        dataIndex: 'adjustCompanyName'
    },
    {
        title: '目标转移量',

        dataIndex: 'transferTarget'
    },
    {
        title: '已转移量',

        dataIndex: 'transferAmount'
    },
    {
        title: '转移率',

        dataIndex: 'transferAmountRatio'
    }
]
const tableDataSource = ref([])
</script>
<style lang="less" scoped>
.page_root {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.page_root :deep(.@{ant-prefix}-spin-nested-loading),
.page_root :deep(.@{ant-prefix}-spin-container) {
    height: 100%;
}
.table-moreBtn_down {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100px;
}

.table-moreBtn_menu :deep(.table-moreBtn_menu-item):hover {
    background: #ebf1ff;
}

/*  表格树结构样式处理，展开按钮层级增加*/
:deep(.@{ant-prefix}-table-row-expand-icon) {
    z-index: 1;
}
/*  表格树结构 由于每个表格项采用自定义组件，使用绝对定位布局，开启树结构导致显示异常，暂时使用层级定位位置 */
:deep(.@{ant-prefix}-table-row-level-1 .@{ant-prefix}-table-cell-with-append .cell-wrapper-left) {
    left: 15px !important;
    width: calc(100% - 15px);
}
:deep(.@{ant-prefix}-table-row-level-2 .@{ant-prefix}-table-cell-with-append .cell-wrapper-left) {
    left: 30px !important;
    width: calc(100% - 30px);
}
:deep(.@{ant-prefix}-table-row-level-3 .@{ant-prefix}-table-cell-with-append .cell-wrapper-left) {
    left: 45px !important;
    width: calc(100% - 45px);
}
:deep(.@{ant-prefix}-table-row-level-4 .@{ant-prefix}-table-cell-with-append .cell-wrapper-left) {
    left: 60px !important;
    width: calc(100% - 60px);
}

/* 穿梭框改变默认样式，为根据组件样式控制左右栏宽度。 */
:deep(.@{ant-prefix}-transfer-list) {
    height: 100%;
    width: 50%;
}
.vid_4qrrbph7k9 {
    display: flex;
    align-items: center;
    flex-wrap: undefined;
    box-shadow: 0px 0px 0px 0px;
}
.vid_eaan4mtp9k {
    padding-left: 8px;
    font-weight: 600;
    color: rgba(38, 38, 38, 1);
    font-size: 16px;
    box-shadow: 0px 0px 0px 0px;
    border-left-style: solid;
    border-left-width: 4px;
    border-left-color: #d7000f;
}
.vid_x5kfj6l1tc {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: undefined;
    box-shadow: 0px 0px 0px 0px;
}
.vid_27gett65hj {
    color: rgba(215, 0, 15, 1);
    box-shadow: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #d7000f;
    border-radius: 2px;
}
.vid_zykdtp1eva :deep(.@{ant-prefix}-table-thead) > tr {
    height: 40px;
}
.vid_zykdtp1eva :deep(.@{ant-prefix}-table-thead) > tr > th {
    background: #f5f5f5;
    font-size: 14px;
    font-family: arial, helvetica, 'microsoft yahei';
    font-weight: 600;
    color: #262626;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 24px;
}
.vid_zykdtp1eva
    :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered)
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > thead
    > tr:not(:last-child)
    > th {
    border-bottom: 1px solid #d9d9d9;
}
.vid_zykdtp1eva
    :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered)
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > thead
    > tr
    > th {
    border-right: 1px solid #d9d9d9;
}
.vid_zykdtp1eva :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered) > .@{ant-prefix}-table-container {
    border-left: none;
}
.vid_zykdtp1eva
    :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered)
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > thead
    > tr
    > th:first-child {
    border-left: 1px solid #d9d9d9;
}
.vid_zykdtp1eva
    :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered)
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table {
    border-top: 1px solid #d9d9d9;
}
.vid_zykdtp1eva
    :deep(.@{ant-prefix}-table-thead)
    > tr
    > th:not(:last-child):not(.@{ant-prefix}-table-selection-column):not(.@{ant-prefix}-table-row-expand-icon-cell):not(
        [colspan]
    )::before {
    background: #d9d9d9;
    width: 1px;
}
.vid_zykdtp1eva :deep(.@{ant-prefix}-table-cell-scrollbar) {
    box-shadow: none;
}
.vid_zykdtp1eva :deep(.@{ant-prefix}-table-tbody) tr {
    height: 40px;
}
.vid_zykdtp1eva :deep(.@{ant-prefix}-table-tbody) tr > td {
    font-size: 14px;
    font-family: arial, helvetica, 'microsoft yahei';
    font-weight: 400;
    color: #262626;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 24px;
    word-break: break-all;
}
.vid_zykdtp1eva :deep(.@{ant-prefix}-table-empty .@{ant-prefix}-table-tbody tr > td) {
    padding: 0;
}
.vid_zykdtp1eva :deep(.@{ant-prefix}-table-tbody) tr > td .@{ant-prefix}-btn {
    padding: 0 30px 0 0;
}
.vid_zykdtp1eva :deep(.@{ant-prefix}-table-tbody) tr > td .@{ant-prefix}-btn:last-child {
    padding: 0;
}
.vid_zykdtp1eva :deep(.table-striped-odd) td {
    background-color: #ffffff;
}
.vid_zykdtp1eva :deep(.table-striped-even) td {
    background-color: #fafafa;
}
.vid_zykdtp1eva
    :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered)
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > tbody
    > tr
    > td {
    border-right: 1px solid #d9d9d9;
}
.vid_zykdtp1eva
    :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered)
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > tbody
    > tr
    > td:first-child {
    border-left: 1px solid #d9d9d9;
}
.vid_zykdtp1eva {
    width: 100%;
    height: 500px;
    overflow-x: auto;
    overflow-y: auto;
    margin-top: 16px;
    box-shadow: 0px 0px 0px 0px;
}
.vid_m3ygxklcl4 {
    width: 100%;
}
.vid_4pr8sphg96 {
    width: 100%;
}
.vid_vjc80gdtld {
    width: 100%;
}
.vid_ccqx90x1lj {
    width: 100%;
}
.vid_vwn4r2mpng {
    width: 100%;
}
.vid_0q41l1fcuo {
    width: 100%;
}
.vid_vnxqpgfpy7 :deep(input) {
    text-decoration: undefined;
    font-weight: undefined;
    text-align: undefined;
    font-style: undefined;
    cursor: undefined;
}
.vid_vnxqpgfpy7 {
    width: 100%;
}
.vid_6khgr533fo {
    width: 100%;
}
.vid_8awdjuqo08 {
    width: 100%;
}
.vid_xtftqtwig3 {
    width: 100%;
}
.vid_71bwgnxksc {
    margin-bottom: 0px;
    box-shadow: 0px 0px 0px 0px;
}
.vid_v1fjy9bxyf {
    width: 100%;
}
.vid_fcl682x7re {
    width: 100%;
}
.vid_r53ty6hx4e {
    width: 100%;
}
.vid_e3q9ux78ab {
    width: 100%;
}
.vid_284yjv2bln {
    width: 100%;
}
.vid_x5o54pcdkl {
    width: 100%;
}
.vid_9rvrvkonxs :deep(input) {
    text-decoration: undefined;
    font-weight: undefined;
    text-align: undefined;
    font-style: undefined;
    cursor: undefined;
}
.vid_9rvrvkonxs {
    width: 100%;
}
.vid_mqz08n6st1 {
    width: 100%;
}
.vid_czbjsjxesu {
    width: 100%;
}
.vid_bn7iilh11v {
    width: 100%;
}
.vid_plxejktp1f {
    margin-bottom: 0px;
    box-shadow: 0px 0px 0px 0px;
}
.vid_ghke5mjcgu {
    box-shadow: 0px 0px 0px 0px;
}
.vid_5mmtbe56rp :deep(input) {
    cursor: undefined;
}
.vid_5mmtbe56rp {
    width: 100%;
    box-shadow: 0px 0px 0px 0px;
}
.vid_ytl4nup8ar {
    box-shadow: 0px 0px 0px 0px;
}
.vid_hhznv86whc {
    box-shadow: 0px 0px 0px 0px;
}
.vid_q7qlj4do5h {
    width: 100%;
    box-shadow: 0px 0px 0px 0px;
}
.vid_urwaqkse17 {
    margin-bottom: 0px;
    box-shadow: 0px 0px 0px 0px;
}
.vid_95bt24rs0d :deep(input) {
    cursor: undefined;
}
.vid_95bt24rs0d {
    width: 100%;
}
.vid_w9cbontfqa {
    width: 100%;
}
.vid_4ys6j8zmx0 {
    margin-bottom: 0px;
    box-shadow: 0px 0px 0px 0px;
}
.vid_gufmzknfon :deep(a) {
    color: undefined;
}
:deep(.vid_gufmzknfon.@{ant-prefix}-breadcrumb) > span:last-child a {
    color: undefined;
    opacity: 0.75;
}
.vid_gufmzknfon {
    height: 40px;
    display: flex;
    align-items: center;
    flex-wrap: undefined;
    margin-bottom: 16px;
    padding-left: 24px;
    background-color: rgba(255, 255, 255, 1);
}
.vid_nr7n4ea6ae {
    width: 100%;
    height: 100%;
    padding-right: 20px;
    padding-left: 20px;
    background-color: rgba(255, 255, 255, 0);
}
.vid_qch36935ug {
    width: 100%;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 0px;
    border-radius: 6px;
}
.vid_qch36935ug:active {
    width: 100%;
}
.vid_qch36935ug:focus {
    width: 100%;
}
.vid_qch36935ug:hover {
    width: 100%;
}
.vid_rwmg3j0v5j {
    margin-right: 16px;
    margin-left: 16px;
    padding-top: 16px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 6px;
}
.vid_l04u5flzjd {
    margin-bottom: 16px;
}
.vid_xsc02t2wyf {
    margin-bottom: 0px;
}
.vid_ja34x6q0r0 {
    width: 100%;
}
.vid_5kru61q7ar {
    margin-bottom: 0px;
}
.vid_yhkyornzf6 {
    width: 100%;
}
.vid_59fd79pal7 {
    margin-bottom: 0px;
}
.vid_v4dhr4y9q8 {
    width: 100%;
}
.vid_a4fznsui0h {
    margin-bottom: 0px;
}
.vid_sjly6hw257 {
    width: 100%;
}
.vid_zvmuhqyw6p {
    margin-right: 16px;
    margin-left: 24px;
    background-color: rgba(215, 0, 15, 1);
    border-style: solid;
    border-width: 1px;
    border-color: #d7000f;
    border-radius: 2px;
}
.vid_lcz84asbrg {
    margin-right: 16px;
    color: rgba(215, 0, 15, 1);
    border-style: solid;
    border-width: 1px;
    border-color: #d7000f;
    border-radius: 2px;
}
.vid_d6cudatukk {
    width: 100%;
}
.vid_lrbdoz5q9p {
    width: 100%;
}
.vid_n6marfj7xy {
    height: 1px;
    background-color: rgba(240, 242, 245, 1);
}
.vid_nncig9bnqc {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: undefined;
    background-color: rgba(255, 255, 255, 1);
}
.vid_paweoenpg4 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: undefined;
    padding-top: 16px;
    box-shadow: 0px 0px 0px 0px;
    border-bottom-style: none;
    border-bottom-width: 1px;
    border-bottom-color: #c5c5c5;
}
.vid_a6pyit2evx {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: undefined;
}
.vid_dtioqg2gn8 {
    color: rgba(215, 0, 15, 1);
}
.vid_j5g7vrrbw4 {
    margin-right: 16px;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(215, 0, 15, 1);
    border-style: solid;
    border-width: 1px;
    border-color: #d7000f;
    border-radius: 2px;
}
.vid_5cydfrsnn5 {
    margin-right: 16px;
    background-color: rgba(255, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px;
}
.vid_h7a98eczq3 {
    margin-left: 16px;
    color: rgba(215, 0, 15, 1);
    border-style: solid;
    border-width: 1px;
    border-color: #d7000f;
}
.vid_t1mdnk9d5x {
    padding-left: 16px;
    border-bottom-style: none;
    border-bottom-width: 1px;
    border-bottom-color: #f2f3f5;
}
.vid_l22i0sik4z {
    padding-left: 8px;
    font-weight: 600;
    color: rgba(38, 38, 38, 1);
    font-size: 16px;
    line-height: 16px;
    border-left-style: solid;
    border-left-width: 4px;
    border-left-color: #d7000f;
}
.vid_absa0egnal :deep(.@{ant-prefix}-table-thead) > tr {
    height: 40px;
}
.vid_absa0egnal :deep(.@{ant-prefix}-table-thead) > tr > th {
    background: #f5f5f5;
    font-size: 14px;
    font-family: arial, helvetica, 'microsoft yahei';
    font-weight: 600;
    color: #262626;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 24px;
}
.vid_absa0egnal
    :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered)
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > thead
    > tr:not(:last-child)
    > th {
    border-bottom: 1px solid #d9d9d9;
}
.vid_absa0egnal
    :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered)
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > thead
    > tr
    > th {
    border-right: 1px solid #d9d9d9;
}
.vid_absa0egnal :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered) > .@{ant-prefix}-table-container {
    border-left: none;
}
.vid_absa0egnal
    :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered)
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > thead
    > tr
    > th:first-child {
    border-left: 1px solid #d9d9d9;
}
.vid_absa0egnal
    :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered)
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table {
    border-top: 1px solid #d9d9d9;
}
.vid_absa0egnal
    :deep(.@{ant-prefix}-table-thead)
    > tr
    > th:not(:last-child):not(.@{ant-prefix}-table-selection-column):not(.@{ant-prefix}-table-row-expand-icon-cell):not(
        [colspan]
    )::before {
    background: #d9d9d9;
    width: 1px;
}
.vid_absa0egnal :deep(.@{ant-prefix}-table-cell-scrollbar) {
    box-shadow: none;
}
.vid_absa0egnal :deep(.@{ant-prefix}-table-tbody) tr {
    height: 40px;
}
.vid_absa0egnal :deep(.@{ant-prefix}-table-tbody) tr > td {
    font-size: 14px;
    font-family: arial, helvetica, 'microsoft yahei';
    font-weight: 400;
    color: #262626;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 24px;
    word-break: break-all;
}
.vid_absa0egnal :deep(.@{ant-prefix}-table-empty .@{ant-prefix}-table-tbody tr > td) {
    padding: 0;
}
.vid_absa0egnal :deep(.@{ant-prefix}-table-tbody) tr > td .@{ant-prefix}-btn {
    padding: 0 30px 0 0;
}
.vid_absa0egnal :deep(.@{ant-prefix}-table-tbody) tr > td .@{ant-prefix}-btn:last-child {
    padding: 0;
}
.vid_absa0egnal :deep(.table-striped-odd) td {
    background-color: #ffffff;
}
.vid_absa0egnal :deep(.table-striped-even) td {
    background-color: #fafafa;
}
.vid_absa0egnal
    :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered)
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > tbody
    > tr
    > td {
    border-right: 1px solid #d9d9d9;
}
.vid_absa0egnal
    :deep(.@{ant-prefix}-table.@{ant-prefix}-table-bordered)
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > tbody
    > tr
    > td:first-child {
    border-left: 1px solid #d9d9d9;
}
.vid_absa0egnal {
    width: 100%;
    margin-top: 16px;
    box-shadow: 0px 0px 0px 0px;
}

.main {
    padding: 8px;
    position: relative;
}
.top {
    width: 100%;
    top: 0;
}
.chart-content {
    display: flex;
    justify-content: space-between;
}
.chart1-main {
    width: 69%;
    height: 350px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid rgba(217, 217, 217, 1);
    box-shadow: 0px 0px 10px 0px rgba(235, 235, 235, 1);
    border-radius: 4px;
}
.chart2-main {
    width: 30%;
    height: 350px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid rgba(217, 217, 217, 1);
    box-shadow: 0px 0px 10px 0px rgba(235, 235, 235, 1);
    border-radius: 4px;
}
.title {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #262626;
    letter-spacing: 0;
    font-weight: 600;
    background: #ebebeb;
    border-radius: 2px;
    padding: 0 20px;
    text-align: center;
}
.chart1-div {
    width: 100%;
    height: 280px;
}
.chart2 {
    width: 100%;
    height: 280px;
}
:deep(.table-striped-even) td {
    background-color: #fafafa;
    padding-left: 24px !important;
}
:deep(.table-striped-odd) td {
    background-color: #ffffff;
    padding-left: 24px !important;
}
.btn-color {
    background-color: #e02020;
    color: #fff;
    border: none;
}
.red-btn {
    border: 1px solid #e02020;
    color: #e02020;
}
:deep(.@{ant-prefix}-table-thead) > tr > th {
    background-color: #f5f5f5;
    font-size: 14px;
    font-family: arial, helvetica, 'microsoft yahei';
    font-weight: 600;
    color: #262626;
    padding: 0 24px !important;
    height: 40px;
}
/deep/ .ant3-table-cell {
    color: #262626;
}
/deep/.ant3-form-item-label > label {
    font-weight: normal;
    color: #595959;
}
/deep/.ant3-select-single.ant3-select-show-arrow .ant3-select-selection-item,
.ant3-select-single.ant3-select-show-arrow .ant3-select-selection-placeholder {
    color: #262626;
    font-weight: 600;
}
/deep/.ant3-select-selector {
    font-weight: normal;
}
.top-title {
    height: 40px;
    background: #ebebeb;
    border-radius: 2px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    color: #262626;
}

.top-title-third {
    position: relative;
    font-size: 16px;
    font-weight: 800;
    margin-left: 10px;
    color: #262626;
}

.top-title-third:before {
    position: absolute;
    content: '';
    background-color: #e02020;
    width: 4px;
    height: 16px;
    position: absolute;
    left: -8px;
    top: 58%;
    margin-top: -10px;
}
/deep/ .main .ant3-pagination-options .ant3-select-single.ant3-select-show-arrow .ant3-select-selection-item,
.ant3-select-single.ant3-select-show-arrow .ant3-select-selection-placeholder {
    color: #000000;
    font-weight: normal;
}
.border-btn {
    border: 1px solid #d9d9d9;
    color: #595959;
}
</style>
